設置一個山坳到的其他

Question

高度的高度我有兩個div：

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

我有left-panelright-panel始終高度相等的高度。我如何才能使用CSS完成此操作？

這不像說我想他們是相同的高度。我希望高度相同，但僅限於左側面板高度的最大值。所以如果右面板較高，那麼它應該在底部修剪併成爲溢出，並仍然尊重左側面板的高度。

此外，左側面板的內容不是動態的，但在所有頁面上並不相同，因此我無法在左側面板上設置max-height。

Answer 1

我認爲你需要聲明像素的包裝的高度。比聲明節高度100％來填充封裝空間。然後給部分溢出-y滾動。這是我在檢查員中試過的（寬度和浮點數只是將部分放在另一個旁邊）：

.wrapper { 
    height: 50px; 
} 

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