css代码有什么问题,这么在ff里面可以显示正常,而ie不正常

来源:百度知道 编辑:UC知道 时间:2024/05/14 12:23:01
#main-2 {
margin:auto;
width:1000px;
height:240px;
background-color:#ffffff;
border-left:1px solid #A0A0A0;/*dashed 虚线 solid 实线*/
border-right:1px solid #A0A0A0;
border-top:1px solid #A0A0A0;
border-bottom:1px solid #A0A0A0;
}
#main-2left
{
float:left;
margin-left:0px;
width:300px;
height:240px;
background-color:#ccc;
}
#main-2center
{
float:left;
margin-left:5px;
width:430px;
height:240px;
background-color:#ccc;
}
#main-2right
{
float:right;
margin-left:5px;
width:230px;
height:240px;
background-color:#ccc;
}
以上是div.css文件的
<div id="main-2">
<div id="main-2left">
1
</div>
<div id="main-2center">
2
</div>
<div id="main-2right"

因为IE不为浮动元素留空间的,建议你改<div style="clear:both"></div> 为<br style="clear:both;visible:hidden"></br>
试试吧

因为你的#main-2center 和#main-2right里用了margin-left:5px;

这是一个ie6都存在的bug。解决方案是css里面加上display:inline;