왜 div가 나란히 있지 않습니까?

Question

내 실제를 확인하십시오 code

왜 텍스트 링크가있는 div와 나란히 있지 않습니까? 정상적인 플럭스가 있어야합니다. 다시 말하지만, 마진 상단은 고려하지 않습니다.

어떻게이 문제를 해결할 수 있습니까?

Answer 1

쉽게 고쳐,이에 CSS를 변경 :

.container { width: 910px; margin-left: auto; margin-right: auto; } 

.head { padding:40px; } 

.content { background-color:#3C2B1B; overflow:auto; } 
.menu1 { float:left; width:200px; background-color:#E2DED2; margin:10px; padding-top:50px;} 
.menu2 { float:left; width:270px; background-color:#E2DED2; margin:10px;} 

.foot { padding:40px; } 

바이올린 : http://jsfiddle.net/SaxNy/1/

모두 .menu1 및 .menu2 지금이 나란히 앉아 있도록 float:left;를 사용하고, 내가 overflow:auto을 설정 한 콘텐츠 위에 떠 다니는 요소를 둘러 쌀 수 있습니다. "블록"스타일 요소 (예 : Divs)는 서로 옆에 앉을 수는 없지만 부동으로 만들면됩니다.

Answer 2

http://jsfiddle.net/ZVMYd/5/

핵심은 플로트입니다 : 그 후 두 사업부 : 내부 div의와 명확한 왼쪽.

Answer 3

떠 다니는 것처럼 나란히 이동할 수 있습니다.

http://jsfiddle.net/ZVMYd/

하는 것은 물론 .content을 떠하십시오, 또는 당신이 뭔가를 떠 때, 그것은 콘텐츠의 흐름에서 이동하기 때문에 그것은 (붕괴됩니다.

Answer 4

잘못을 그들이이 그들이 그렇게 DIV 년대이기 때문에 ? 표시 : 그들에 블록

플로트 : - 그래,해야해야 stick them together