以同一高度缩放浮动的 div 元素

Question

I have this 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 有固定的高度时才有效。但我需要动态高度，并且较小的一个要与较大的一个具有相同的高度。

谢谢。

- Botond Vajna

---

使用display: table或flex而不是float来实现此行为，否则使用js检查最高高度并将其应用于这些元素。 - G-Cyrillus

Answer 1

使用浮点数不可能实现，但可以使用表格单元格（演示）：

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

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

- Pavlo