浮動IE6中沒有擴展

Question

我有CSS代碼，即時通訊使用浮動擴展左列a和右列b。

我想擴大左列a動態，因爲我把正確的內容列b。

但這並不是在我的瀏覽器IE中發生的。其http://jsfiddle.net/hadinetcat/E8jd3/3/但不是在我的瀏覽器IE 9,8,7,6但IE 10個優良的工作..

CSS代碼

.container { 
border: 1px solid #000000; 
overflow: hidden; 
width: 100%; 
height:100%; 
position:relative; 
} 

.left { 
width: 45%; 
float: left; 
background:none repeat scroll 0 0 lightblue; 
height:100%; 
position:absolute; 
} 

.right { 
width: 45%; 
float: right; 

} 

HTML代碼

<div class = "container"> 
<div class="left"> 
column a 
column a<br /> 
column a<br /> 
column a<br /> 
column a<br /> 
column a<br /> 
column a<br /> 
</div> 


<div class="right"> 
column b<br /> 
dynamic row<br /> 
dynamic row<br /> 
dynamic row<br /> 
dynamic row<br /> 
dynamic row<br />dynamic row<br />dynamic row<br />dynamic row<br />dynamic row<br />dynamic row<br /> 
dynamic row<br /> 
dynamic row<br /> 
dynamic row<br /> 
dynamic row<br /> 
dynamic row<br /> 
dynamic row<br /> 
dynamic row<br /> 
dynamic row<br /> 
dynamic row<br /> 
dynamic row<br /> 
dynamic row<br /> 
dynamic row<br /> 
dynamic row<br /> 
dynamic row<br /> 
dynamic row<br /> 
dynamic row<br /> 
columnb <br /> 
columnb <br /> 
columnb <br /> 
columnb <br /> 
columnb <br /> 
columnb <br /> 
columnb <br /> 
columnb <br /> 


</div> 
</div> 

<div style="clear: both;"></div> 

Answer 1

您好我已經更新JSFiddle中的代碼（注意：我還包括jquery），您需要包含該javascript。

它已經在IE6中測試過了。所以，它也可以在其他瀏覽器中使用。

check it here : http://jsfiddle.net/btCQn/1/ 

<style> 
.container { 
    border: 1px solid #000000; 
    overflow: hidden; 
    width: 100%; 
    position:relative; 

} 

.left { 
    width: 45%; 
    float: left; 
    background:none repeat scroll 0 0 lightblue; 
    position:absolute; 
} 

.right { 
    width: 45%; 
    float: right; 

} 
</style> 

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> 

<script> 
$(document).ready(function(){ 
$(".left").css("height",$(".right").height()); 
}); 
</script> 

其工作