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

Question

目前我有一个 2 列布局。左侧的高度约为 5000 像素。右侧动态填充，例如 1200 像素高度。

现在我希望左侧与右侧具有相同的高度。例如 1200 像素。左侧应该滚动。

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

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

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

有没有人有想法？

Answer 1

使用溢出:隐藏；在左侧分区。

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