设为首页|加入收藏 精品推荐:

浮动后父元素高度为0的解决方法

来源:未知 | 作者:技术小白 | 点击:
浮动后父元素高度为0的解决方法

当我们给子元素设置float不为none的属性值时,会导致父元素高度塌陷的两种情况
 
  其父元素刚好没有设置高度;那么此时的父元素是没有高度的。
 
  其父元素设置的高度不够,导致子元素溢出;
 
  当我们给li元素高度,并都向左浮动时,ul的高度为0
 
  解决办法:
 
  1.将父元素设置为绝对定位absolute
 
  2.将父元素的display属性设置为:inline-block或table-cell,flex,inline-flex
 
  3.清除浮动,给浮动子元素的后面加上<div style="clear: both;"></div>代码。
 
  4.给父元素增加合适的高度

浮动后父元素高度为0的解决方法

您可能对以下内容感兴趣

小编分享

  • 广告位一
  • 广告位二
  • 广告位三
  • 广告位四
  • 广告位五

最新评论文章

回到顶部