最新消息:本站所有跳转向bbs.ykit.cn的附件将全面停止,附件已转移到https://www.qingsj.com

ul,li无法撑开div的问题

CSS 有客 668浏览
问题:

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的问题