浮动float:可以使存在float属性的元素脱离文档流,空间释放不占空间
/格式为 float:left|right /意思为向做或向右浮动/
·如果有两个及以上元素拥有浮动属性且具有空间大小,根据代码的先后顺序及float:left或
float;right分别依次相接排列至左上或右上角,形成横置的效果
在网页中的显示如下可知父元素div0的绿色背景没有显示,是因为父元素没有高度
·需注意浮动会导致父元素高度塌陷,子元素浮动后因空间释放导致父元素无高度
对于这种情况一般有四种方法
1,给父元素添加height属性
2,给父元素添加属性overflow:hidden
意为溢出隐藏
3.在浮动的元素后面添加元素clear:both|left|right用于清除浮动
4.使用伪元素选择器(相当于在元素内部最后添加一个元素,进行自动清除工作)
伪元素选择器相当于在标签内最后执行代码,代码为#div0::after内的内容,且必须有content属性才能执行#div0::after内的内容