2010-01-21 65 views
0

你能告诉我为什么p背景不显示吗?为什么p背景没有正确定位?

该问题只在Firefox。 Firebug在浮动divs后面显示div位置,但无法弄清楚原因。我知道这个形象在那里展示,但是在其他divs背后。

那么,你能告诉我为什么Firefox会假定div#about-gmm位于上面两个div的后面。

http://responsedriver.com/newsite/

非常感谢!

回答

0

clear: both放在#about-gmm div上。否则,浮动的div不是内容流的一部分,所以段落出现在它们的下面。

+0

完美,谢谢!虽然问题。我清楚地知道:在#about-gmm div之上。怎么没有解决这个问题呢? – Joe 2010-01-21 19:05:33

+0

hr被设置为display:none,所以Firefox中的布局引擎(以及Safari和Chrome,btw)不会费心将其包含在内容流中。显然IE是。 – eliah 2010-01-21 19:08:27

+0

不,IE 7不关心小时。它是错误的布局是另一回事... – Guffa 2010-01-21 19:13:12

0

IE 8以与Firefox相同的方式显示它。

elemtn上方的两个div元素是浮动的,所以它们不会将它压下(IE 7中除外)。

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

或者,用样式为clear: both; height: 0; overflow: hidden;的div元素替换隐藏的hr元素(它不会影响隐藏的任何内容)。 (clear以外的样式使得它不占用IE 6和IE 7中的空间。)