如何确定“ two”类行右侧的边距？

Question

我正在使用HTML5和CSS3创建网站布局。

我尝试将页边距设置为零。也已将边框设置为零，但仍然无法使用。有没有像height（100vh）这样的宽度方法？这样的事情也有帮助

ThreadLocal

StringBuilder

蓝色背景应能覆盖整个窗口。

Answer 1

使用body{margin: 0;}和box-sizing: border-box;

body{
  margin: 0;
}
* {
  box-sizing: border-box;
}
.row {
  zoom: 1;
  /* For IE 6/7 (trigger hasLayout) */
}

.two {
  text-align: center;
  background-color: aqua;
  margin: 0;
  padding: 30px;
  border-radius: 0;
/*   margin-right: -100px; */
  height: 100vh;
}

<div class="row two">
  <h2>Here’s how Babbel gets you conversational fast!</h2>
</div>

Answer 2

正文具有默认边距。如果将其重置为零，则可以实现盒子的左右扩展。见下文

body{
  margin:0
}

.row {
  zoom: 1;
  /* For IE 6/7 (trigger hasLayout) */
}

.two {
  text-align: center;
  background-color: aqua;
  margin: 0;
  padding: 30px;
  border-radius: 0;
  margin-right: -100px;
}

<div class="row two">
  <h2>Here’s how Babbel gets you conversational fast!</h2>
</div>