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

2024-08-21 11:07:53

一般浏览器都给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>

最新文章

热门文章