在div中使用float时,经常会碰到父级标签高度塌陷的问题,这个时候我们就需要打开父级标签的BFC模式来解决高度塌陷的问题。
解决高度塌陷有以下三种方法:
第一:
在父级标签的CSS中加入以下代码
overflow: hidden;
第二:
在父级标签中加入一个div标签,类名为clear,给标签设置以下CSS
clear: both;
第三:
在父级标签中添加clearfix的类名,在CSS中添加伪类的详细参数,其实现原理与第二中方法相同,但是可以省去添加div的步骤
clearfix:after{
content: '';
display: block;
clear: both;
}