Css进阶知识

一.CSS中浮动

1.1 CSS中浮动是什么?

个人理解:css中浮动就是让文档中占用位置的元素脱离文档流,例如让块级元素不独占一行,核心点,标签元素脱离文档流的意思是标签元素不占标准文档流中的位置。

1.2 清除浮动float

目的是让设置了浮动的块级元素后面的块级元素自动换行
方法一:设置空标签以及样式

div {clear:both;}

方法二:在要清除样式的父级标签添加overflow属性,可以用来处理文本域中超出文本隐藏,也可以用来设置清除浮动

div {overflow:hidden;}

方法三:在要清除浮动的父级添加伪元素,并使用:after方法

.clear:after {
	content:"";
	display:block;
	clear:both;
}
已标记关键词 清除标记
相关推荐
©️2020 CSDN 皮肤主题: 大白 设计师:CSDN官方博客 返回首页