HTML 2列主题，左侧滚动右侧动态高度

Question

目前我有2个圆柱布局。左侧高度约为5000px。右侧动态填充，例如1200px高度。

现在我希望左侧与右侧的高度相同。例如1200px。并且应该滚动左侧。

Currently: http://jsfiddle.net/2CDwB/2/

How it should be: http://jsfiddle.net/2CDwB/1/

但问题是，右侧的内容是动态的。因此不可能使用像1000px这样的设置高度。

有没有人有想法？

Answer 1

使用溢出：隐藏;在左侧div。

   .left {
        float: left;
        height: 1200px;
        width: 20%;
        background: #f00;
        overflow: hidden;
    }

Answer 2

这是你在找什么？ http://BenDrums.com/stackoverflow/jxt_dfhhzksplb7.html

<div class="right">
<div class="left">
left side </br>....
</div> 
right side </br>
</div>


.left {
    float: left;
    width: 20%;
    background: #f00;
    overflow: auto;
    display:block;
    height: 100%;
}

.right {
    float: left;
    display:block;
    width: 100%;
    background: #0f0;

}