爲什麼p背景沒有正確定位？

你能告訴我爲什麼p背景不顯示嗎？爲什麼p背景沒有正確定位？

該問題只在Firefox。 Firebug在浮動divs後面顯示div位置，但無法弄清楚原因。我知道這個形象在那裏展示，但是在其他divs背後。

那麼，你能告訴我爲什麼Firefox會假定div＃about-gmm位於上面兩個div的後面。

非常感謝！

2010-01-21 Joe

把clear: both放在＃about-gmm div上。否則，浮動的div不是內容流的一部分，所以段落出現在它們的下面。

2010-01-21 19:02:42 eliah

完美，謝謝！雖然問題。我清楚地知道：在＃about-gmm div之上。怎麼沒有解決這個問題呢？ – Joe 2010-01-21 19:05:33

hr被設置爲display：none，所以Firefox中的佈局引擎（以及Safari和Chrome，btw）不會費心將其包含在內容流中。顯然IE是。 – eliah 2010-01-21 19:08:27

不，IE 7不關心小時。它是錯誤的佈局是另一回事... – Guffa 2010-01-21 19:13:12

IE 8以與Firefox相同的方式顯示它。

elemtn上方的兩個div元素是浮動的，所以它們不會將它壓下（IE 7中除外）。

只需將clear:both;添加到#about-gmm樣式即可。

或者，用樣式爲clear: both; height: 0; overflow: hidden;的div元素替換隱藏的hr元素（它不會影響隱藏的任何內容）。（clear以外的樣式使得它不佔用IE 6和IE 7中的空間。）

2010-01-21 19:09:50 Guffa

回答