为何div距页面顶部有间隙
日期：2014-05-17 浏览次数：21177 次
为什么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怎么距页面顶部还是有一条缝隙？
------解决方案--------------------
你把body设下margin：0；padding：0；
------解决方案--------------------
很多标签在不同的浏览器下有默认的margin值和padding值，使用前可以先清除下默认值，都归0就不会出现这种问题了
解决办法1：
body,html,div{ padding:0; margin:0;}
解决办法2：
直接*{padding:0; margin:0}也可以
因为标签太多 很多用不到的 所以推荐第一种用法，只写常用的标签就行
如图，有条缝隙弄不掉。。
就是简单放一个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}也可以
因为标签太多 很多用不到的 所以推荐第一种用法，只写常用的标签就行
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
