ul,li无法撑开div的问题

Posted 「已注销」

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了ul,li无法撑开div的问题相关的知识,希望对你有一定的参考价值。

问题:

ul,li添加了浮动的情况下,就会导致即使内容超过了div自身的高度也无法把div撑开,高度为0


原因:

在一个区块内的元素被应用了float之后,那么整个box的高度对就不以被浮动对象的高度为标准了


解决的办法:

1.在父容器结束前,也就是在</ul>后面加入一个class为clearfloat的div,然后将div的CSS属性设置上clear:both,就可以完美解决


2.在父元素设置属性overflow:auto; zoom:1;  即可 overflow:auto;是让高度自适应, zoom:1;是为了兼容IE6

以上是关于ul,li无法撑开div的问题的主要内容,如果未能解决你的问题,请参考以下文章

如何使ul中li元素横向排列且不换行

清除ul li里面的浮动并让ul自适应高度的一个好办法

jquery选择div下的ul下的li下的a

如果 ul 项目包含 li 项目,如何将 css 应用于外部 div

div span ul ol 区别

flex和伪元素