Html 为什么div不是并排的？

看看我的实际情况

为什么带有文本链接和内容的div不是并排的？在正常流量下，它应该是。同样，未考虑利润率上限

我怎样才能解决这个问题？

---

关键点是内部div上的float:left和之后的clear:tweed div。

轻松修复，将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; }

小提琴：

---

.menu1和.menu2现在都使用

float:left

使它们并排放置，我在内容上设置了

溢出：auto

，使其环绕浮动元素。“块”样式元素（如div）不能并排放置，但如果使它们浮动，它们会并排放置。

可以通过浮动它们来移动它们，如下所示

---

请确保同时浮动

.content

，否则它将崩溃（因为当您浮动某个内容时，它会移出内容流。

错误，因为它们是div，所以它们上面有一个display:block

---

浮动：左应

这也与IE兼容吗？