css - 在相同高度缩放 float 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

float 是不可能的，但表格单元格(demo)可以:

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

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