float:none | left | right
默认值:none
适用于:所有元素
none:设置对象不浮动left:设置对象浮在左边right:设置对象浮在右边
1、父级没有设置高度的时候,会出现塌陷
2、父级的宽度不够,会换行排列
3、改变元素类型 变成行内块
给后面元素添加,clear:both;
1.1额外标签法(在最后一个浮动标签后,新加一个标签,给其设置clear:both;)(不推荐)
2触发BFC效果。
通过触发BFC方式,实现清除浮动
父级添加overflow属性(父元素添加overflow:hidden)(不推荐)
3对父元素进行操作.
3.1父级添加overflow属性(父元素添加overflow:hidden)(不推荐)
3.2使用after伪元素清除浮动(推荐使用)
3.3使用before和after双伪元素清除浮动
原文:https://www.cnblogs.com/milankundea/p/11546635.html