为什么全部width 100%浏览器边缘存在留白？

idjl

于 2017-04-28 16:49:34 发布

阅读量1.3w

点赞数 2

分类专栏： html，css学习笔记

html，css学习笔记专栏收录该内容

32 篇文章 0 订阅

订阅专栏

一般浏览器都给body加了外边距，margin:0应该能解决你所遇到的问题。但你很可能又会遇到其他奇怪的现象，比如说p的行高，在不同浏览器上显示不一致，最根本的解决方案还是重置浏览器默认样式。
可以使用目前兼容性较好的 necolas/normalize.css · GitHub

作者：子丶言
链接：https://www.zhihu.com/question/36208082/answer/66823204
来源：知乎
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。

<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>div</title>
	<style> 
		
		body{
			margin:0;
		}
		
		
		#div_1{
			margin:0 auto;
			padding:0;
			background:orange;
			width:100%;
			height:300px;
			<!-- overflow:hidden; -->
			}
	</style>
</head>
<body>
	<div id="div_1" > 这是一个div </div>
</body>
</html>