Css进阶知识

一.CSS中浮动

1.1 CSS中浮动是什么？

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

1.2 清除浮动float

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

div {clear:both;}

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

div {overflow:hidden;}

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

.clear:after {
	content:"";
	display:block;
	clear:both;
}