如何使div达到100％

Question

所以，我一直试图让div直接穿过网页。虽然，左侧仍有空间。

这是我的css：

div.transbox {
width: 100%;
background-color: black;
border: 1px solid black;
opacity: 0.6;
filter: alpha(opacity=60); /* For IE8 and earlier */
   width: 100%;
   width: 100vw;
}

div.transbox p {
margin: 5%;
font-weight: bold;
color: white;
}

这是一个代码：http://codepen.io/pen/

如果可以，请解释如何删除左侧的空格，或者我是否使用了错误的代码。

Answer 1

您的问题是因为您没有清除身体的默认保证金，如下所示：

body {
    margin: 0;
}

如果您在身体元素中引用w3c specs，则会看到它的默认值为8像素。