1

可能重复：
获取一个 div 以遍历整个页面

我需要制作一个从浏览器开头开始的 div 标签，而不是在边距之后，例如，当我编写以下代码时：

<html>
<head>
<title>CSS Test</title>
<style type="text/css">
div
{
width:100%;
height:100%;
border:1px solid black;
}
</style>
</head>
<body>
<div>
</div>
</body>
</html>

div 在从上、左和右的一个边距之后开始。但我希望它从没有边距开始，即使我将边距设为：0px 0px; 它仍然无法正常工作。那么，我该怎么做才能使它没有边距，并且该方法也可用于图像吗？

4

2 回答 2

4

浏览器的用户代理样式会自动为body元素添加填充。去掉它：

html, body {
    padding: 0;
}

您应该研究一下normalize.css，它将为您解决所有这些小问题。

于 2013-01-29T19:05:44.003 回答
3 
html, body {
    margin: 0;
    padding: 0;
}
div {
    margin: 0;
    border: 1px solid black;
    width: 100%;
    height: 100%;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
}

如果没有，box-sizing你最终会得到一个 100%+2px 宽和 100%+2px 高的 div。

于 2013-01-29T19:10:54.523 回答