CSS/Float - 부동 요소가 할당 된 너비를 사용하지 않습니다.

Question

CSS를 사용하여 사이트 레이아웃을 만들려고합니다. 4 개의 DIV 요소가 있습니다. 하나는 페이지 중앙에 배치 된 주요 컨테이너이며 다른 모든 DIV 요소를 포함합니다. 나머지 세 개의 DIV 중 하나는 페이지 머리글이고, 하나는 왼쪽 메뉴이고 마지막 하나는 페이지의 내용을 담고 있습니다. CONTENT DIV가 MENU DIV에 인접하도록 플로팅되도록하고 싶습니다. 그러나 CONTENT DIV의 너비가 지정된 너비를 사용하고 있지 않음을 발견했습니다. 시각화하기 쉽도록 JSFIDDLE에서 실행되는 샘플을 만들었습니다. 내가 정의한대로 콘텐츠 DIV가 600 개 픽셀을 차지하지 않는 이유를 내가 알아 내려고 노력하고 무엇

http://jsfiddle.net/Rrgr7/

은? 고맙습니다.

Answer 1

콘텐츠를 플로팅해야합니다. 콘텐츠 div는 플로트를 포함하지 않고 왼쪽에서 600이고 텍스트를 더 추가하면 메뉴 아래에 실행됩니다 : example.

플로팅하면 what you want이되지만 크기에주의해야합니다. 그렇지 않으면 메뉴 아래에 뜨게됩니다.

너비를 200 픽셀으로 설정하고 너비를 지정하지 않으면 나머지 공간을 사용하고 왼쪽 가장자리에서 200 픽셀을 유지하므로 work best이 될 것이라고 생각합니다. 부유물이 더 이상 밀어 내지 않습니다. 여백은 컨테이너 div에서옵니다.