css清除浮动的四种方法

发布于 2021-09-14  261 次阅读


   清除浮动的第一种做法:给父级元素设置高度,让他不要影响其他元素
        ul{
           height:40px;
        }
        清除浮动的第二种做法:给父级元素添加overflow:hidden属性,并且父级元素不要限制高度
        ul{
           overflow:hidden;
        }
        清除浮动的第三种做法:使用clear:both属性
        .clear{
           clear:both;
        }
         清除浮动的第四种方法:使用after选择器
        .clear:after{
            content:"";
            display:block;
            width:100%;
            height:0px;
            clear:both;
        }