html - 填充剩余空间(CSS)

Question

我创建了一个 jsfiddle:http://jsfiddle.net/cMqTd/1/

我有三个 div。父级、标题和内容。 header 的高度未知，内容 div 应填充剩余空间。

我试过 height: 100% 但它不是我所期望的。

Answer 1

尝试 float 标题:

#head {
    background: green;
    float: left;
    width: 100%;
}