Howto> 100 % 너비> Blueprint/960 2 열 레이아웃

Question

나는 청사진을 처음 사용하고 컴퍼스는 960입니다.

청사진으로 작업하는 기본 코드는 2 column example입니다. 하지만 너비가 넓어 져서 왼쪽의 & 오른쪽 패널이 전체 화면을 차지하도록하고 싶습니다 (la gmail). 따라서 왼쪽 열은 고정 너비이고 오른쪽 열은 창이 exapnds 될 때 확장됩니다.

Compass (Blueprint 또는 960 포함)를 사용하여 이것을 달성하는 가장 좋은 방법은 무엇입니까?

감사합니다.

Answer 1

좋아, 나는 이것에 대해 연구하고있다. 방금 청사진의 기본 .container 클래스 (여백 0)를 사용합니다. 그 안의 모든 컨테이너는 화면의 전체 너비까지 늘어납니다.

왼쪽 창을 고정 폭으로 만들려면 (창 크기가 변함에 따라 변경되지 않음), + 열 (2)의 청사진 열을 혼합하십시오. 나는 오른쪽 창을 홀로두고 왼쪽 창 옆에 여백을 주었다. Presto, 창 크기 조정에서 왼쪽 창은 고정 된 채로 있고 오른쪽 창은 너비를 조정합니다.

HTH