Question

请教css高手:子容器高度占满父容器高度应该怎么做?

比如有这样一个布局:
<div id="ward">
<div id="top"></div>
<div id="content">
<div id="left"></div
<div id="right"></div>
</div
<div id="tutton"></div>
</div>
这是一个简单得两列布局
当content不设置高度,它得高度会根据right得内容自适应,问题来了left高度要怎么要怎么样才能跟content得高度一样?我设置过left得height为100%但是没用.

Answer 1

父容器content的position属性设置为relative，left的position属性设置为absolute,top：0 left 0

Answer 2

.div2 {
height: 200px;
}
.div2 div {
height: 100%;
border: 1px solid #003;
}