Question

向DIV + CSS高手请教 属性float:left设了 为什么height会消失

<ul style="border:1px red solid;">
<li style="float:left;width:50px;">sdfsdf</li>
<li style="float:left;width:80px;">sdfsdf</li>
</ul>
<br />
IE和FireFox都不行
<br />
<br />
<br />
<br />

<ul style="border:1px red solid;height:0px;">
<li style="float:left;width:50px;">sdfsdf</li>
<li style="float:left;width:80px;">sdfsdf</li>
</ul>
<br />
IE可以,FireFox不行

<br />
<br />
<br />
<br />

<ul style="border:1px red solid;">
<li>sdfsdf</li>
<li>sdfsdf</li>
</ul>
<br />
都行

三个中padding:0px;margin:0px;都派不上用场

最后想要的结果是第二个那样的.

就是希望在FireFox里也能得到和IE一样的结果.不必为标签设置height属性就能达到高度自适应的效果,即使要设也不能是设了之后就只有这一个高度了,最好还能向上扩展(设了属性值后就像设了最小值一样的效果),就像第二个那样(只是因为第二个不能在FireFox里调试)..

请高手们赐教...我分不多,请你别嫌少,在下感激不尽!

Answer 1

因为你的li用的浮动，如果想要ul不受li的影响必须清除浮动，给父级元素ul加上overflow:hidden;zoom:1;这样再ie和火狐都可以显示相同的效果了，目前有三种清除浮动的方法，你可以网上搜一下，很简单的；

Answer 2

三言两语说不清，你去前沿视频教室网站去问，那里专业。