首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > CSS >

为何div距页面顶部有间隙

2013-06-19 
为什么div距页面顶部有间隙?如图,有条缝隙弄不掉。。就是简单放一个divbodydiv classpage/div/bod

为什么div距页面顶部有间隙?
如图,有条缝隙弄不掉。。
为何div距页面顶部有间隙

就是简单放一个div
<body>
<div class="page"></div>
</body>

然后下面是样式
div.page {
background-color:#518845;
margin-left:auto;
margin-right:auto;
margin-top:0px;
width:1000px;
height:200px;
overflow:hidden;
}

明明设置了margin-top:0px怎么距页面顶部还是有一条缝隙? HTML CSS
[解决办法]
你把body设下margin:0;padding:0;
[解决办法]
很多标签在不同的浏览器下有默认的margin值和padding值,使用前可以先清除下默认值,都归0就不会出现这种问题了
解决办法1:
body,html,div{ padding:0; margin:0;}
解决办法2:
直接*{padding:0; margin:0}也可以
因为标签太多 很多用不到的 所以推荐第一种用法,只写常用的标签就行

热点排行