关于Div+CSS定位

来源：百度知道 编辑：UC知道 时间：2024/05/21 07:41:50
问：在IE7里边没问题。但怎么才能在firefox2.0里边使中间div里的内容把div撑下去，也就是自动根据内容长度来调整height

样式定义如下：
*{text-align:center;margin:0;padding:0}
div{background:#CCCCCC;}
#left{width:200px;height:350px;border:1px solid #CCCCCC;float:left;}
#center{width:450px;height:450px;border:1px solid #CCCCCC;float:left;margin-left:15px;}
#right{width:200px;height:320px;border:1px solid #CCCCCC;float:left;margin-left:15px;}
li{list-style:none}
.title{border:1px solid #333333;font-weight:bold;text-align:left;list-style:circle inside;margin-bottom:5px}
页面代码如下：
<div id="left"></div>
<div id="center">
<ul>
<li class="title">fdsfsdfdsfdsffdsfddfdfddgfdtrtretertrgdgdg</li>
<li>ghgfbbvctryhtgfbdfgrthghdfdtrtretertrgdgdg</li>
<li>ghgfbbvctryhtgfbdfgrthghdfdtrtretertrgdgdg</li>
<li>reygtdrsdfsretrgdhngfhghgfdtrtretertrgdgdg</li>
<li

老大，你中间定死了高度啊，怎么去适应啊？
#center{width:450px;height:450px;border:1px solid #CCCCCC;float:left;margin-left:15px;}
height:450px;了~叫浏览器怎么去适应？
如果你想令中间容器最小高度为450px的话，可以把height的属性定义为min-height:450px;，这样的话，在ff和ie7下，就可以根据内容撑开的，不过最小的高度为450px，在ie6下不适用！

position来声明是绝对还是相对，大概是这样

这是个典型的问题：ff下为什么父容器的高度不能自适应
解决的办法是在浮动元素后面+<div style="clear:both"></div>清除掉这个元素的浮动

把高度去掉就行了~

<style>
*{text-align:center;margin:0;padding:0}
div{background:#CCCCCC;}
#left{width:200px;height:350px;border:1px solid #CCCCCC;float:left;}
#center{width:450px;border:1px solid #CCCCCC;float:left;margin-left:15px;}
#right{width:200px;height:320px;border:1px solid #CCCCCC;float:left;margin-left:15px;}
li{list-style:none}
.title{border:1px solid #333333;font-weight:bold;text-align:left;list-style:circle inside;margin-bottom:5px}
</style>

<div id="left"></div>
<di