html - 如何使 <div> 宽度达到浏览器边缘？

Question

我创建了一个我遇到的问题的简单示例。 如黑色边框所示，div 不会直接到达浏览器的水平边缘(screenshot)。这是相关代码。

border: 1px solid black;
display: block;
width: 100%;
height: 50px;

我怎样才能改变这个？

Answer 1

您只需要从浏览器默认样式表中重置默认边距值即可。

body {
    margin: 0;
}