首頁 > web前端 > html教學 > 为什么div距页面顶部有间隙?_html/css_WEB-ITnose

为什么div距页面顶部有间隙?_html/css_WEB-ITnose

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
發布: 2016-06-24 12:21:24
原創
2987 人瀏覽過

HTML CSS

如图,有条缝隙弄不掉。。


就是简单放一个div




然后下面是样式
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}也可以
因为标签太多 很多用不到的 所以推荐第一种用法,只写常用的标签就行

本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板