将一个col的高度设置为另一个col的高度

Question

我有两个div：

<div class="wrapper">
    <section id="left-panel"></section>
    <section id="right-panel"></section>
</div>

right-panel的高度始终等于left-panel的高度。我如何仅使用CSS实现此目的？

这与说我希望它们的高度相同是不一样的。我希望高度相同，但只能达到左侧面板高度的最大值。因此，如果右侧面板较高，则应将其夹在底部并变为溢出并仍然尊重左侧面板的高度。

此外，左侧面板的内容不是动态的，但在所有网页上都不一样，因此我无法在左侧面板上设置max-height。

Answer 1

我认为你需要以像素为单位声明包装器的高度。比声明截面高度100％填充该封装空间。然后给出节溢出-y滚动。这是我在检查器中尝试的（宽度和浮动只是将一个部分放在另一个旁边）：

.wrapper {
    height: 50px;
}

.wrapper section {
    width: 10%;
    height: 100%;
    float: left;
    overflow-y: scroll;
}