Html 左浮动在IE6中没有扩展
我有css代码,我用float扩展左边的a列和右边的b列 当我把内容放在右边的b列时,我想动态地展开左边的a列 但这不是在我的浏览器IE中发生的。它在我的浏览器IE 9、8、7、6中工作,但在我的浏览器IE 10中工作正常 货物堆装与系固安全操作规则 html代码Html 左浮动在IE6中没有扩展,html,css,Html,Css,我有css代码,我用float扩展左边的a列和右边的b列 当我把内容放在右边的b列时,我想动态地展开左边的a列 但这不是在我的浏览器IE中发生的。它在我的浏览器IE 9、8、7、6中工作,但在我的浏览器IE 10中工作正常 货物堆装与系固安全操作规则 html代码 您好,我已经更新了JSFIDLE中的代码,注意:我还包含了jquery,您需要包含javascript 它也在IE6中进行了测试。因此,它也适用于其他浏览器 check it here : http://jsfiddle.net/bt
您好,我已经更新了JSFIDLE中的代码,注意:我还包含了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>
它在工作IE6?你这个可怜的灵魂。css代码在IE9,8,7,6中不起作用,但是10很好用。你能发布它应该是什么样子以及它在IE中是什么样子的截图吗?因为Chrome和IE9都向我展示了完全相同的东西。它不能工作。不再我刚刚用各种浏览器/文档模式在IE10中试用了你的小提琴,一切似乎都正常。样式表中一定有其他CSS冲突导致了这个问题。如果它起作用,你能接受答案并投票吗?
<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>
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>