其他分享
首页 > 其他分享> > 清除浮动的方法(6种)

清除浮动的方法(6种)

作者:互联网

方法1:增加标签clear:both

  增加标签 <div style="clear: both;"></div>  

方法2:增加标签

  增加标签 <br clear="all" />  

方法3:父容器使用::after伪元素清除浮动

  父容器div增加class="clearfix"  

方法4:父容器overflow:hidden 或 父容器 auto(本质是用的bfc)什么是bfc ===> https://www.cnblogs.com/vicky24k/p/11545148.html

  父容器设置样式overflow:hidden 或  auto  

方法5:父容器设置display

  父容器设置样式display:table  

方法6:父容器也浮动

  父容器设置样式float:left

标签:浮动,容器,样式,清除,设置,标签,方法
来源: https://www.cnblogs.com/ccad/p/16354470.html