2016-08-23 59 views
0

高度的高度我有两个div:设置一个山坳到的其他

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

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

这不像说我想他们是相同的高度。我希望高度相同,但仅限于左侧面板高度的最大值。所以如果右面板较高,那么它应该在底部修剪并成为溢出,并仍然尊重左侧面板的高度。

此外,左侧面板的内容不是动态的,但在所有页面上并不相同,因此我无法在左侧面板上设置max-height

+1

重复http://stackoverflow.com/questions/2997767/how-doi-i-保持两个divs并排同一高度 – mituw16

+0

@ mituw16:不是重复的;我不只是希望他们是相同的,我希望正确的只有和左边的一样高。所以如果正确的一个更高,那不应该影响身高。 – Kousha

+0

@Kousha ....在你的问题中不清楚。请相应地编辑它 – mituw16

回答

0

我认为你需要声明像素的包装的高度。比声明节高度100%来填充封装空间。然后给部分溢出-y滚动。这是我在检查员中试过的(宽度和浮点数只是将部分放在另一个旁边):

.wrapper { 
    height: 50px; 
} 

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

但我不知道包装的高度。 – Kousha

相关问题