错误:我的网站顶部有一个丑陋的空白区域。无法弄清楚,为什么

时间:2015-05-28 05:13:41

标签: html css

我的blog有问题。

在Firefox中,网站顶部有一个丑陋的空间,这在Chrome中是看不到的,我没有摆脱它。无论如何,Firebug没有帮助。

这很奇怪:当我更改<div class="ontop">的边距底部时,会出现空格。如果我把它设置为0,它就消失了!

你能帮帮我吗?感谢名单!

3 个答案:

答案 0 :(得分:0)

即使我现在还没有时间弄明白为什么会出现这个问题,但这里有一个快速修复

更改

margin-bottom: 300px;

padding-bottom: 300px;

编辑:

某种程度上,这个问题似乎是由.ontop的非显式设置高度造成的。如果你设置

height: 82px; /* Height of your logo */ 

问题也会消失,您可以继续使用margin-bottom

答案 1 :(得分:0)

给出.wrapper类{display:inline-block}。 它将解决issue.class .ontop到{float:left}

答案 2 :(得分:0)

在firefox中存在'margin-bottom:300px in .ontop类的问题。这很奇怪。


设置height: 100%;即可。并删除上边距。

我认为这是bug in firefox