2 qq 24772913 qq_24772913 于 2015.06.19 17:43 提问

css遇到十分基础的问题,求解释

只将html body 的margin padding设置为0时
代码1
代码1效果
再加上div
代码2
代码2效果
发现多了8px的margin!!!
审查元素
这是什么原因呢,是代码的原因,还是浏览器的原因?我用的360

4个回答

bulusli3
bulusli3   Ds   Rxr 2015.06.19 17:56
已采纳

你不加div的时候相当于设置body的margin和padding为0,此时顶部和左侧都没有空隙是正常的。而加上div之后你相当于设置html的body元素的div元素的样式为margin 0和padding 0,而body则没有设置margin和padding,而body默认是有空隙的。要想加上div不受影响,你可以这样写,html,body,div{//.....}。不知说的是否明白,如正确请采纳。

qq_24772913
qq_24772913 多谢
2 年多之前 回复
bdmh
bdmh   Ds   Rxr 2015.06.19 17:49

你是不是用了什么框架,比如bootstrap等前端框架,有的框架会给元素加上margin或padding

u012565112
u012565112   2015.06.30 15:16

每个属性加个, html,body,div{
padding:0px;
margin:0px;
}
如果解决请采纳

gy127132060
gy127132060   2015.07.17 09:46

html body是对页面body进行控制,,html body div 是对div进行控制,,,控制的对象不同。。。都好分割e.g.:html,body,div。。。是对三个对象同时进行控制。。。。

Csdn user default icon
上传中...
上传图片
插入图片