清除浮动的三种方法

1. 在浮动元素后使用一个空元素,

   例如  <div class="clear"></div>

   设置样式: .clear {clear: both;}

2. 给浮动元素的容器添加 overflow: hidden

3. 使用CSS3的:after伪元素

  .clearfix:after{

    content: '.',
    display: block,
    height: 0,
    visibility: hidden,
    clear: both;
    zoom: 1   }
致力于前端技术学习与分享,会及时更新博客。
原文地址:https://www.cnblogs.com/caoxueying2018/p/10097275.html