얼마나 정확하게 높이를 달성합니까?

Question

높이 = 100 % 또는 높이 = 자동을 지정하지 않고 웹 페이지의 콘텐츠 컨테이너를 유창하게 크기를 조정하는 방법은 무엇입니까? 그냥 여기처럼/ : 당신의 일부가 가끔 제대로이 방식으로 작동다시피

http://net.tutsplus.com/,

또는 페이스 북에 designshack.co.uk

?

designshack과 nettuts 모두에서 레이아웃을 분해 할 수 없습니다.

Answer 1

하나의 해결책 ("Head First HTML with CSS & XHTML", 12 장)은 CSS를 사용하여 여백을 0으로 설정하는 것입니다. 이렇게하면 기본 페이지 컨텐츠가 사용 가능한 모든 공간을 차지하게됩니다. 예를 들어

:

body { 
     ... 
     margin: 0px; 
     ... 
} 

당신은뿐만 아니라 div에 의해 정의 된 섹션에 유사한 마진 패딩을 사용할 수 있습니다. 내가 언급 한 장에는 액체 (자동 크기 조정) 디자인을위한 추가 레이아웃 옵션에 대한 많은 좋은 예가 있습니다.