2013-11-22 203 views
0

目前我有2个圆柱形布局。左侧的高度约为5000像素。右侧填充dynamiclly,例如1200px高度。HTML 2专栏主题,左侧滚动右侧动态高度

现在我想让左侧与右侧具有相同的高度。例如1200px。左侧应滚动。

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

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

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

有没有人有想法?

回答

0

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

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

overflow:隐藏不起作用。 我调整了示例以展示它如何看待当下: 链接http://jsfiddle.net/2CDwB/2/ 所以没有高度设置。而且我想要让左侧像右侧一样高并且可以滚动。 在此先感谢! – user3020850

+0

将此视为此类型http://jsfiddle.net/bipin_kumar/2CDwB/3/ –

0

这是你在找什么? 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; 

}