2008-01-09

div的float导致的问题

原来的想法是想在左边显示一棵树，右边放一个div显示内容，所以右边的div就用了float:right。
代码如下： 
<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下都正常显示。
评论
afcn0 2008-01-14
没有ie6但是ie7 ff是一样的,找个ie6太麻烦,可能ie6 relative以及float有问题吧,没验证,不保证是
bazhuang 2008-01-14
缺少了这段话position:relative;，当然是可以的了，如果加上的话，你再试一下吧。我这是不行的了
bazhuang 2008-01-14
缺少了这段话position:relative;，当然是可以的了，如果加上的话，你再试一下吧。我这是不行的了
ajaxgo 2008-01-09 
<style type="text/css">   
.content{
    float:left;   
    width:500px;   
}   
  
.tab_content{   
    background-color:#C3DAF9;   
    padding:2px;   
}   
  
.div{   
    background-color:#FFFFFF;   
}

.clear {
   clear:both;
}
</style>   
</head>   
  
<body>   
<div class="content">   
     <div class="tab_content">   
          <div class="div">content</div>
          <div class="clear"></div>
     </div>
</div> 
</body>
 
发表评论

提醒: 该博客已发表在公共论坛，博客所有留言会成为论坛回贴，留言请注意遵守论坛发贴规则

您还没有登录，请登录后发表评论

bazhuang
搜索本博客
最近加入圈子
存档
最新评论