CSS清除浮动常用的解决办法

CSS清除浮动常用的解决办法

只需要在样式中添加以下代码就可以
其中clearfix是需要清除浮动的盒子的类

.clearfix:before,.clearfix:after {
    content:"" ;
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom:1;
}

例子：
div盒子部分

 <div class="box-bd">
            <ul class="clearfix">
                <li>
                    <img src="image/pic.png">
                    <h4>
                       例子
                    </h4>
                
                </li>

                <li>
                    <img src="image/pic.png">
                    <h4>
                       例子
                    </h4>
                    
                </li>
    </div>
                   

CSS样式部分

.clearfix:before,.clearfix:after {
    content:"" ;
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom:1;
}