前端网页内容不能占满页面

前端网页内容不能占满页面

如图所示

构建了一个简单的div，定义高为100px，宽为100%，内容宽度却不能铺满页面
解决方案：
在css添加如下代码

body {
	margin: 0;
	padding: 0;
}

原因：
浏览器对body都有默认的margin值，一般为8px，当然不同的浏览器会有不同的实现，它是由浏览器的user-agent-stylesheet提供的，有些浏览器的user-agent-stylesheet可以由用户进行修改，而有的浏览器则不可以，所以开发人员不能依靠此来修改浏览器的默认设置。如果我们要修改body的默认值，只要覆盖其css样式即可。