div的float导致的问题

bazhuang

浏览: 149334 次
性别:
来自: 杭州

最近访客更多访客>>

love720720

fany1213

liuzhiqiang19890403

q451234

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

javascript

CSS IE Firefox

原来的想法是想在左边显示一棵树，右边放一个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下都正常显示。

分享到：

分别利用css和js来使div中的图片居中 | javascript中的函数（方法）延时执行的实现

2008-01-09 14:48
浏览 3209
评论(4)
论坛回复 / 浏览 (4 / 5979)
分类:Web前端
查看更多

4 楼 afcn0 2008-01-14

没有ie6但是ie7 ff是一样的,找个ie6太麻烦,可能ie6 relative以及float有问题吧,没验证,不保证是

3 楼 bazhuang 2008-01-14

缺少了这段话position:relative;，当然是可以的了，如果加上的话，你再试一下吧。我这是不行的了

2 楼 bazhuang 2008-01-14

缺少了这段话position:relative;，当然是可以的了，如果加上的话，你再试一下吧。我这是不行的了

1 楼 ajaxgo 2008-01-09

<pre name='code' class='xml'><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></pre>

发表评论

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

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论