四、浮动、清除浮动的方法（重点）

最新推荐文章于 2022-09-19 15:48:42 发布

方程式1002

最新推荐文章于 2022-09-19 15:48:42 发布

阅读量105

点赞数

分类专栏： CSS 文章标签： CSS

本文链接：https://blog.csdn.net/weixin_44852765/article/details/89074215

版权

CSS 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

1、额外标签法(隔墙法)
在最后一个浮动的标签后面添加一个没有空的div
.

clear {
				clear:both;
			}

2、overflow
给父亲加的

overflow: hidden;

3、: after 伪元素
给父盒子加

.clearfix:after {  
			   content: ""; 
			   display: block; 
			   height: 0; 
			   visibility: hidden; 
			  clear: both; 
			}   
			 /* IE6、7 专有 */
			 .clearfix {
				*zoom: 1;
			}

4、双伪元素
给父盒子加

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