내가 3 개의 divs : a, b 및 c를 갖고 있으며 공통 래퍼 div를 공유하고 있다고 가정하고 삼부작으로 맞추고 싶습니다.특이점 격자의 너비가 고정 된 열?
b 또는 c 중 어느 하나를 고정 너비로 설정할 수 있습니까 (사이드 바에 nav으로 상상해보십시오). 다른 두 개는 유동적으로 확장됩니까? 소스 순서가 중요합니다 (a, b, c 순서). A max-width (고정되어 있지 않음)은 다른 두 div의 유체 팽창을 지원하는 한 잘 작동 할 수 있습니다.
네, 할 수 있습니다! 이 SassMeister showing fixed and fluid columns을 확인하십시오.
자, 여기에 몇 가지주의 사항이 있습니다. 먼저 모든 칼럼이 유동적이지 않으면 유체 칼럼에 비례하여 거터를 가질 수 없으므로 고정 너비 거터가 필요합니다. 둘째, Singularity Extras의 calc 출력 스타일을 사용해야합니다. 즉, CSS3의 calc을 사용하여 열을 출력하며, widely available은 지원하지 않는 브라우저의 경우 대체해야합니다. 그 외에도 calc 출력 스타일은 isolation 출력 스타일과 정확히 동일하게 작동합니다. calc 출력 스타일이 도입되었을 때
작년에, 나는 고정 및 유체 그리드를 만들 수 calc를 사용하여 특이점에 도입에 대해 자세히 설명 Bulletproof Combo Fixed and Fluid Grids with CSS Calc라는 제목의 블로그 게시물을 썼다.