如何使用XHTML-CSS框模型

Question

有人知道我如何仅使用CSS就能做出类似的事情吗？在每一侧它们是1/5空间。我已经完成了html部分。example

Answer 1

这是带有CSS的html

<div class="container">
  <div class="block-1">
  </div>
  <div class="block-2">
  </div>
</div>

html, body {
  height: 100%;
  margin: 0;
}
.container {
  width: 60%; /* left and right 20% */
  min-height: 100%;
  margin: 0 auto; /* center */
  background-color: blue;
}
.block-1 {
  width: 100%;
  height: 100px;
  background-color: grey;
}
.block-2 {
  width: 100%;
}