css清除浮动

Posted 2020-06-30 一笔风尘

清楚浮动三种方式：

1.根据子元素的可确定高度，为父元素设置指定高度。

2.clear:both;在浮动元素后边添加

  div.clearfix

  clearfix如下：

 1 .clearfix {
 2   display: inline-block;
 3 }
 4 
 5 .clearfix:after {
 6   content: "";
 7   display: block;
 8   height: 0;
 9   clear: both;
10   visibility: hidden;
11 }

3.父元素设置overflow:hidden;