css已设置width100% 为什么宽度没有占满浏览器？

Question

无论是水平线还是div等，设置了宽度100%，在浏览器里显示的效果里左右都留了一些空隙，任何浏览器都一样。该怎么办？

Answer 1

因为浏览器默认情况下会为元素添加margin和padding属性，需要将这两个属性初始化为0.

1、新建html文档，在body标签中添加一个div标签，然后为这个div设置一些样式：

2、用浏览器打开编辑好的html文档，这时可以从浏览器中发现浏览器四周留有一些白色空隙：

3、在style标签中为“*”添加“margin: 0;padding: 0;”样式，“*”表示所有元素，“margin”和“padding”表示外边距和内边距：

4、用浏览器重新打开编辑好的html文档，这时浏览器四周的白色空隙都会被去除：

Answer 2

css已设置width100% 宽度没有占满浏览器是设置错误造成的，解决方法为：

1、首先需要新建一个html文件，命名为test.html。

2、接下来在test.html文件内，使用div创建一个模块，下面将对该div进行样式设置。

3、然后在test.html文件内，给div添加一个class属性，主要用于在css标签中设置它的样式。

4、在css标签中，使用width属性设置div的宽度，设置width100%即可。

Answer 3

你是给什么元素设置宽度的看给块状元素设置宽度是可以的，但是内联元素设置宽度是没有效果的，比如a标签 这个我们在css里面设置宽度是没有效果的，要把a标签转换成块状元素，宽度的效果才可以实现，其次还有种可能，你写的可能是块状元素，但是没有设置边框，你看不见而已，但是宽度是发生变化的，具体内容你可以参考下php中文网上面的资料，希望对你有帮助！

Answer 4

这个要看外侧的设置，一般情况下加上下面的即可
html,body{
margin:0;padding:0;border:0

}
即可铺满宽度

Answer 5

body有默认外边距，默认外边距是8px;
通过body { margin:0; }清除默认外边距