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

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了向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里调试)..

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

因为你的li用的浮动,如果想要ul不受li的影响必须清除浮动,给父级元素ul加上overflow:hidden;zoom:1;这样再ie和火狐都可以显示相同的效果了,目前有三种清除浮动的方法,你可以网上搜一下,很简单的; 参考技术A 三言两语说不清,你去前沿视频教室网站去问,那里专业。

以上是关于向DIV + CSS高手请教 属性float:left设了 为啥height会消失的主要内容,如果未能解决你的问题,请参考以下文章

请教css高手:子容器高度占满父容器高度应该怎么做?

Qt的高手们,向你们请教: Qt界面的一个控件,比如说一个GroupBox,如何在其刚开始运行时为不可见,点击按

请教如何通过CSS实现div的固定位置,不随页面滚动消失

请教高手

css高手请进!用div+css制作圆角矩形的原理

MSSQL 高手请进,有问题请教!!