当前位置:首页 >> 技术分享 >> 详情
sousuo
sousuo

17、li浮动时,ul的高度为0

上传时间:2020-05-21             浏览次数:73

一、现象

li元素为浮动元素时,其所在的ul高度为0,有些情况下页面甚至会出现混乱现象,或者需要获取某一DOM元素高度时,出现问题。

二、原因

浮动元素脱离了正常的文档流,无法撑开所在的ul的高度,固ul的高为0。

三、解决办法

1、为ul设置样式{overflow:hidden}

2、位于浮动元素同一级别的最后添加一个空div,并为该div添加一个clear:both属性:<div style="clear:both;"></div>

3、直接为ul设置一个固定的高度

0371-56789390
公司地址

郑州市花园路东风路向西300路南弘熹台22层

联系我们