css - 在相同高度缩放浮动 div

Question

我有这个html：

<div class="exwrap">
    <div class="listpages"> </div>
    <div class="excerpt"> </div>
</div>`

和CSS：

.listpages {
    width: 28%;
    float: left;
    height: 100%;
}

.excerpt {
    width: 70%;
    float: right;
    height: 100%;
}

我希望 .listpages 和 .excerpt 具有相同的高度，但这仅在我具有 .exwrap 固定高度时才有效，但我需要具有动态高度，并且较小的高度具有较大的高度。

谢谢。

Answer 1

浮点数不可能，但表格单元格（演示）可能：

.listpages {
    width: 28%;
    display: table-cell;
}

.excerpt {
    width: 70%;
    display: table-cell;
}