防止浮动塌陷
原因:父子元素都浮动,导致塌陷
最佳办法:
css:
/*伪元素 行元素*/
.clearfix::after{
content:"";
/*block clear:both才会生效*/
display:block;
clear:both;
}
当然还可以用
clear:both;
or
/*触发BFC 块级格式化上下文*/
overflow:hidden
防止浮动塌陷
原因:父子元素都浮动,导致塌陷
最佳办法:
css:
/*伪元素 行元素*/
.clearfix::after{
content:"";
/*block clear:both才会生效*/
display:block;
clear:both;
}
当然还可以用
clear:both;
or
/*触发BFC 块级格式化上下文*/
overflow:hidden