为什么我的网页顶部有差距?

时间:2011-06-25 04:44:36

标签: css html padding margin

我确定答案很明显,但我还没有那么多的html / css ......

浏览器顶部和第一个div之间有一个空白区域。我真的不明白为什么存在差距。我没有在CSS中使用margin-top或padding-top或border-top,那么为什么会有差距呢?

谢谢!

7 个答案:

答案 0 :(得分:6)

虽然如果您实际发布了一些代码或链接到网站会非常有用,但我认为它只是默认的填充。大多数浏览器都有body之类的默认样式,您可能希望清除这些样式。尝试这样的事情:

html, body{
   padding: 0;
   margin: 0;
}

如果这不能解决问题,您需要提供更多信息。

答案 1 :(得分:2)

没有看到任何东西,我想你要么需要清除body元素上的默认填充,要么你在div中有一个标题标签,它会增加一些额外的好处。

您使用重置吗? http://meyerweb.com/eric/tools/css/reset/

答案 2 :(得分:1)

如果页面用包装器包装,请使用:

 #wrap{
     margin:0 auto;
     padding:0
 }

答案 3 :(得分:0)

再一次,某些情况会很好但如果这些解决方案没有削减它,那么你的收益率会有很大变化。尝试将body的overflow属性设置为auto

答案 4 :(得分:0)

我遇到了同样的问题。漂浮上层div解决了它。

答案 5 :(得分:0)

我有同样的问题。当我向div容器中添加30px的填充时,此问题已修复。我用

   .top-container {
       padding-top: 30px;
    }

我在将某些图像设置到div中的绝对位置(该位置具有相对位置)后发生了问题。出于某种原因,出现了间隙,但是设置填充对我有用。

答案 6 :(得分:0)

我知道这是9岁,但是... 身体{margin:0; } 在标签之间输入内容,它应该可以工作