firefox中的层浮动问题(div+css)

来源：百度知道 编辑：UC知道 时间：2024/05/21 16:54:08
在网页制作过程中遇到了这样的问题:
我用一个父层包括两个子层,两个子层一个浮动到左边一个浮动到右边,
在IE中显示的是我想要的结果,可是在FF中却不行,付上自己的代码

<html>
<head>
<style type="text/css">
#all
{
width:200px;
height:auto;
background:#0000ff;
}
#left
{
width:90px;
float:left;
height:20px;
background:#FF3333;
}
#right
{
width:90px;
float:right;
height:20px;
background:#FF3333;
}
</style>
</head>

<body>
<div id="all">
<div id="left"></div>
<div id="right"></div>
</div>
</body>
</html>

上面代码中:如果是在IE中打开,刚两个子层中间会有一个小方块显示的是蓝色;而在FF中却什么也没有,这是为什么?怎样解决,
一楼呀,我要的就是那个高度要自动呀,
我的要求就是#all高度为:atuo,#left要float:left,#right要float:right

二楼呀,你的那个CSS样式我用了,有用,,可是我把min-height:20px;给删了,,哦火,,没得反映,,你自己试试看,,还有,,我强调的就是不

把
#all
{
width:200px;
height:auto;
background:#0000ff;
}
中“height:auto;”改成“height:20px;”就显示正常了。

不好意思。这个我就不知道了。你要是知道了再告诉我吧。呵呵。

FF里直接写height:auto不管用的,如下:
#all
{
width:200px;
min-height:20px;height:auto !important;height:20px;overflow:visible;
background:#0000ff;
}