原来的想法是想在左边显示一棵树,右边放一个div显示内容,所以右边的div就用了float:right。
代码如下:
这样就会发现在ie下content的背景色不是白色,得不到想要的结果,而当把content中的
position:relative;float:left;删除掉,就可以正常显示了。
或者在tab_content或div的css中添加width:100%;也就是设置一个width就可以了。即使是设置为0px也是可以得到想要的结果的。
不知道这个问题的原因是什么?在firefox下都正常显示。
代码如下:
<style type="text/css">
.content{
position:relative;
float:left;
width:500px;
}
.tab_content{
background-color:#C3DAF9;
padding:2px;
}
.div{
background-color:#FFFFFF;
}
</style>
</head>
<body>
<div class="content">
<div class="tab_content">
<div class="div">content</div>
</div>
</div>
</body>
这样就会发现在ie下content的背景色不是白色,得不到想要的结果,而当把content中的
position:relative;float:left;删除掉,就可以正常显示了。
或者在tab_content或div的css中添加width:100%;也就是设置一个width就可以了。即使是设置为0px也是可以得到想要的结果的。
不知道这个问题的原因是什么?在firefox下都正常显示。