php里清除浮动代码,如何清除浮动？html中:after伪元素清除浮动的方法实现 （代码）...

本篇文章给大家带来的内容是关于如何清除浮动？html中:after伪元素清除浮动的方法实现 (代码)，有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。

:after伪元素和:before伪元素分别用于在元素之后和之前添加内容，实际网页开发过程中:after伪元素比较常用，借助:after伪元素一般用于清除浮动，利用伪元素来清除浮动是常规浮动清除的三种方式之一，也是最常用、最为推荐的一种方式。

：after清除浮动

.out {

width:200px;

border: 5px solid red;

}

.out:after{

content: '';

display: block;

width: 0px;

height: 0px;

clear: left;

}

.in {

width: 100px;

height: 100px;

float:left;

}

效果如图：

相关推荐：