浏览 5979 次
|
锁定老帖子 主题：div的float导致的问题
精华帖 (0) :: 良好帖 (0) :: 新手帖 (0) :: 隐藏帖 (0)
|
|
|---|---|
| 作者 | 正文 |
|
发表时间：2008-01-09
原来的想法是想在左边显示一棵树，右边放一个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下都正常显示。 声明：ITeye文章版权属于作者，受法律保护。没有作者书面许可不得转载。
推荐链接
|
| 返回顶楼 | |
|
发表时间：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>
|
| 返回顶楼 | |
|
发表时间：2008-01-14
缺少了这段话position:relative;，当然是可以的了，如果加上的话，你再试一下吧。我这是不行的了
|
| 返回顶楼 | |
|
发表时间：2008-01-14
缺少了这段话position:relative;，当然是可以的了，如果加上的话，你再试一下吧。我这是不行的了
|
| 返回顶楼 | |
|
发表时间：2008-01-14
没有ie6但是ie7 ff是一样的,找个ie6太麻烦,可能ie6 relative以及float有问题吧,没验证,不保证是
|
| 返回顶楼 | |
