如何在css中制作没有边距的div标签？ [复制]答案

【问题标题】：How to make a div tag without margins in css? [duplicate]如何在css中制作没有边距的div标签？ [复制]
【发布时间】：2013-01-13 11:04:56
【问题描述】：

可能重复：
Get a div to go across the whole page

我需要制作一个从浏览器开头开始的 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;它仍然无法正常工作。那么，我该怎么做才能使它没有边距？这种方法也适用于图像吗？

【问题讨论】：

标签： css

【解决方案1】：

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

html, body {
    padding: 0;
}

您应该查看normalize.css，它将为您解决所有这些小问题。

【讨论】：

【解决方案2】：

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。

【讨论】：

html 和 body 的边距是可选的，但我通常把它留在那里“只是为了确定”（tm）
这个成功了，谢谢。
过去是 Opera 对 body 元素应用填充，而其他人应用边距。我一直觉得 Opera 的实现是正确的，但他们已经屈服并转而使用保证金。