您现在的位置是： 首页> CSS>使用div进行页面布局时宽度为100%，出现没有铺满页面的问题 所属分类：CSS
使用div进行页面布局时宽度为100%，出现没有铺满页面的问题
初柒先生
2019-09-17 20:33
133人已围观
简介使用div进行页面布局时宽度为100%，出现没有铺满页面问题
这个问题出现的原因是css样式的默认值造成的，如：body标签的margin属性默认值不是0，因此会造成部分边界留空问题。
示例：
<body style="background:black;">
<div id="child" style="background-color:white;width:100%;height:100px">
</div>
</body
效果如下，body背景色为黑色，div背景色为白色，可以到div周围留有黑色空隙，是因为body标签的margin默认值造成的。
解决方法是，将margin设为0，如下代码：
<body style="margin:0;background:black;">
<div id="child" style="background-color:white;width:100%;height:100px">
</div>
</body>
总结：
在平常开发时，如果没有使用框架，最好是对部分的css样式进行重置（可以避免大部分因默认值造成的问题），即设置合适自己的样式默认值。
很赞哦！ (0)
初柒先生
2019-09-17 20:33
133人已围观
上一篇：收藏：常用CSS样式
下一篇：CSS样式优先级
相关文章
文章评论
猜你喜欢
喜欢你喜欢的！
