Css进阶知识

一.CSS中浮动

1.1 CSS中浮动是什么?

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

1.2 清除浮动float

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

div {
    
    clear:both;}

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

div {
    
    overflow:hidden;}

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

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

猜你喜欢

转载自blog.csdn.net/qq_42707967/article/details/114275129