IE7中不显示浮动div答案

【问题标题】：Floating divs not displayed in IE7IE7中不显示浮动div
【发布时间】：2011-02-14 23:49:34
【问题描述】：

好的，我看不出这里有什么问题：

在 IE7 中浏览此站点时，ID 为 #blog 和 #social 的 div 不会显示。原因似乎是 #content div，它在 IE7 与 IE8/FF/Chrome 中的高度不同。但我看不出我做错了什么。

有趣的事实：该网站在 IE6 中的显示效果比在 IE7 中更好:-)

有什么想法吗？
谢谢！

【问题讨论】：

【解决方案1】：

我已经在 IE7 和 Firefox 中对此进行了测试。

您只需移动一堆<div> 标签，然后添加一个新标签（在下面突出显示）。

这是我完成后 Firebug 的样子：

（我首先在 IE7 中做了同样的事情，它解决了你的问题。然后，我在 Firefox 中做了同样的事情，以确保修复不会在现代浏览器中杀死它。）

这是我对我所做工作的文字描述的尝试：

我将#blog、#social 和#footer 分别移到#content 之外和之后。
我在#blog 和#social 周围包裹了一个新的<div>，具有以下样式：
margin: 0 auto; width: 960px。
我交换了一些关于 #buttons 的内容，以使它们在 FF 和 IE7 之间保持一致：
- 打开ul#buttons li，删除margin: 10px 0，并添加float: left。
- 在ul#buttons li a 上，删除float: left 并添加display: block。

【讨论】：