当我在IE7中打开它时，为什么这个网站的边距高于标题？

Question

Firefox，Chrome和IE8中的一切都很好。

这是网站：http://ada.kiexpro.com/html/index.html

提前致谢！

Answer 1

我会将formfloat div放在标题div中并绝对定位。

另一个没有改变太多的选项是将formfloat div放在菜单div之后的标题中并调整top属性。

Answer 2

这适用于身份div的{​​{1}}。这个div的风格是formfloat。因此，它将60px放在float:right;height:60px之上。

<强>原因： 现在IE 7处理header div的方式有所不同。所以，假设您有一个float（没有指定任何高度），它不包含除提交按钮之外的任何元素。现在，为该按钮添加div float或left样式。那么，父div会发生什么？父div将扩展其高度以容纳按钮。但在mozilla中，父div的高度将为零。它只会忽略浮动按钮，并且不会为此创造任何空间。

那么，要解决为什么不将right放在div#formfloat本身。