为什么div不是并排？

Question

查看我的实际code

为什么带有文本链接和内容的div不是并排的？正常通量应该是。同样，不考虑保证金顶部。

我该如何解决这个问题？

Answer 1

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

关键点是浮点数：左边是内部div，还有一个清除：之后都是div。

Answer 2

轻松修复，将您的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以使其环绕浮动元素。 “Block”样式元素（例如Divs）不能彼此相邻，但如果你让它们浮动，它们就会出现。

Answer 3

您可以将它们并排移动，就像这样。

http://jsfiddle.net/ZVMYd/

一定要漂浮.content，否则它会崩溃（因为当你漂浮某些东西时，它会移出内容流。

Answer 4

错误，因为他们是div，所以他们有一个显示：阻止他们

float：left stick them together