1.额外标签法
在浮动盒子的后面添加一个空盒子,<div style="clear:both;"> </div>
2.给浮动元素的父级元素添加 overflow:hidden; (触发BFC,BFC可以清除浮动,这是解决方案) ( overflow:hidden|auto|scroll;都 可以实现)
3.after伪元素清除浮动
(图片来源于:https://www.bilibili.com/video/av15269197/?p=120)
4.双伪元素清除浮动
1.额外标签法
在浮动盒子的后面添加一个空盒子,<div style="clear:both;"> </div>
2.给浮动元素的父级元素添加 overflow:hidden; (触发BFC,BFC可以清除浮动,这是解决方案) ( overflow:hidden|auto|scroll;都 可以实现)
3.after伪元素清除浮动
(图片来源于:https://www.bilibili.com/video/av15269197/?p=120)
4.双伪元素清除浮动