因为浏览器默认情况下会为元素添加margin和padding属性，需要将这两个属性初始化为0.
1、新建html文档，在body标签中添加一个div标签，然后为这个div设置一些样式：
2、用浏览器打开编辑好的html文档，这时可以从浏览器中发现浏览器四周留有一些白色空隙：
3、在style标签中为“*”添加“margin: 0padding: 0”样式，“*”表示所有元素，“margin”和“padding”表示外边距和内边距：
4、用浏览器重新打开编辑好的html文档，这时浏览器四周的白色空隙都会被去除：
你的div里面可能设置了margin、padding或者border属性，这样在浏览器里面会认为div的宽度大于100%，如果是这种情况，可以尝试在CSS里面定义这个div的 box-sizing:border-box，这样宽度计算的方式就变成元素宽度是同时包含了border和padding的值的；当然还有一种偷懒的解决方法，设置body的overflow-x:hidden强制去掉水平滚动条。浏览器里都有一个默认的margin和padding值，不同的浏览器值不相同，所以按照自己写的CSS计算宽度不对，在CSS样式开始的时候设置*{margin:0padding:0}；初始化所有元素的margin和padding为0，这样计算 的时候宽度就是设置的width，border，padding，margin值的和。你可以在CSS中加入*{padding:0margin:0}就会正常了。
