float时高度塌陷问题

Posted asdfasdfasdad

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了float时高度塌陷问题相关的知识,希望对你有一定的参考价值。

float时高度塌陷问题解决办法:

  • overflow/float/display table inline-block/伪类afterclear:both等触发BFC的属性以使父容器成为block formatting context roots
  • 在float同级最后方加入带有clear:both属性的元素或伪元素(W3C CSS2.1 9.5.2 clearance高度计算部分)

实现方式

以上是关于float时高度塌陷问题的主要内容,如果未能解决你的问题,请参考以下文章

关于float高度塌陷问题

float浮动,父级元素边框塌陷问题

float浮动后,父级元素高度塌陷和遮盖问题

float高度塌陷问题解决方案

float浮动造成高度塌陷的解决办法

__x__(29)0908第五天__高度塌陷 问题