使用::after清除浮动

1、首先给浮动的元素加一个父容器

2、给这个父容器添加一个样式 clearfix

clearfix的设置如下:

.clearfix::after{
        content: "";
        display: block;
        clear: both;
 }

下面是示例:




    
    
    
    清除浮动
    


    

效果:

使用::after清除浮动_第1张图片

你可能感兴趣的:(web)