CSS浮动属性

浮动属性

float:left元素靠左边浮动/right元素靠右边浮动/none元素不浮动;

浮动的作用：

1. 定义网页中其它文本如何环绕该元素显示
2. 就是让竖这的东西横着来

• 见缝插针的效果

文字挡不住 会被挤压出来

清浮动

clear:none允许有浮动对象/right不允许右边有浮动对象/left不允许左边有浮动对象/both不允许有浮动对象;

• 清除浮动只是改变元素的排列方式，该元素还是漂浮着，不占据文档位置。

解决高度塌陷的四种方法：

1. 写固定高度（写死）
2. 清浮动 加在后面盒子（前面是左浮动就清左浮动 前面是右浮动就清右浮动）
3. 在当前浮动元素后面补一个盒子，不设置宽高，clear:both;
4. overflow:hidden; 引入bfc，让浮动元素计算高度。