html - 如何将页面分成 4 个相等的部分？

Question

我想将我的页面分成四个相等的部分，每个部分的高度和宽度相同(50-50%)。

我不想使用 JavaScript。如果调整浏览器窗口的大小时，我希望 block ( <div> s) 自动调整大小(并且相对地)。

我已经很长时间没有使用 CSS 了。我不知道该如何处理。

Answer 1

演示在 http://jsfiddle.net/CRSVU/

html,
body {
  height: 100%;
  padding: 0;
  margin: 0;
}

div {
  width: 50%;
  height: 50%;
  float: left;
}

#div1 {
  background: #DDD;
}

#div2 {
  background: #AAA;
}

#div3 {
  background: #777;
}

#div4 {
  background: #444;
}

<div id="div1"></div>
<div id="div2"></div>
<div id="div3"></div>
<div id="div4"></div>