Firefox的额外默认填充问题CSS

时间:2011-09-27 11:06:08

标签: css firefox

我有一个CSS用于我的一个元素:

background: -moz-linear-gradient(top, #3B3B3B 0%, #FFFFFF 100%); 

当我在Firebug上检查它时,它就像:

-moz-linear-gradient(center top , #3B3B3B 0%, #FFFFFF 100%) repeat scroll 0 0 transparent

当我查看我的页面时,它从左上角和下方有一些填充。我该如何解决?

PS: 问题是。我把那种风格分成了一个div:

<html>
...
<body>
<div id ="myDiv">
....//That div is just under the body element so includes everything.
</div>
</body>
</html>

在firefox html元素高于div元素,如果我将该样式赋予html元素,我无法在div处看到结果。

适用于Chrome,我在Firefox上收到此错误。

1 个答案:

答案 0 :(得分:0)

您是否已从marginpaddinghtml元素中删除了bodydiv

类似的东西:

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

#myDiv{
   padding:0;
   margin:0;
   background: -moz-linear-gradient(top, #3B3B3B 0%, #FFFFFF 100%);
   //OTHER STYLES 
}