html - 在 IE7 中不显示 float div

Question

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

https://www.e-capture.net

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

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

有什么想法吗？
谢谢!

Answer 1

我已经在 IE7 和 Firefox 中测试过了。

你只需要移动你的一堆 <div>标签，并添加一个新标签(在下面突出显示)。

这是我完成后 Firebug 的样子:

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

这是我尝试用文字描述我所做的事情:

• 我搬家了#blog , #social和 #footer分别到外后#content .
• 我包装了一个新的 <div>周围#blog和 #social ，具有这些样式:
  margin: 0 auto; width: 960px .
• 我交换了一些关于 #buttons 的事情, 使它们在 FF 和 IE7 之间保持一致:
  • 关于 ul#buttons li , 删除 margin: 10px 0 , 并添加 float: left .
  • 关于 ul#buttons li a , 删除 float: left并添加 display: block .