前端杂谈 · Web

清除浮动的几种办法

•̀.̫•́✧ · 5月6日 · 2020年本文245字 · 阅读1分钟779

第一种

浮动元素后边使用一个空元素第一种:浮动元素后边使用一个空元素

<div class="clear"></div>
clear:both;

第二种

给浮动元素的容器(父元素)添加第二种 给浮动元素的容器(父元素)添加 css

overflow:hidden;

第三种

使用 css3 的:after 伪类

.class名:after{
    content:".";
    display:block;
    height:0;
    visibility:hidden;
    clear:both;
}

css .class类名{ zoom:1; } 用来兼容

4 条回应
  1. 匿名2020-5-7 · 17:04

    万分感谢贴主

  2. 匿名2020-5-7 · 12:29

    感谢分享

  3. xss2020-5-7 · 1:52

    感谢博主

  4. 匿名2020-5-6 · 23:23

    谢谢