當我在IE7中打開它時，爲什麼這個站點在頁眉上方有這個邊界？

Question

在Firefox，Chrome和IE8中一切正常。

這是網站：http://ada.kiexpro.com/html/index.html

提前感謝！

Answer 1

我會把formfloat div放在header div裏面並且絕對地定位它。

另一個選項沒有改變太多，將放置在您的標題後面的菜單div和調整頂級屬性的headerfloat div。

Answer 2

這是用於div的編號爲formfloat。這個div的風格是float:right;height:60px。因此它把012px以上的60px放在上面。

原因： 現在有區別IE 7如何處理float。所以，假設你有一個div（它沒有指定任何高度），它不包含除提交按鈕以外的任何元素。現在給floatleft或right風格的按鈕。那麼，父母div會發生什麼？父div將擴大其高度以適應按鈕。但在Mozilla中，父分區的高度將爲零。它只會忽略浮動按鈕，並不會爲此提供任何空間。

所以，要解決你爲什麼不把div#formfloat放在div#header本身。