CSS浮动and清除浮动总结（超详细哦！）

CSS浮动及清除浮动总结

---

---

前言

在很多的布局效果中，标准流都是没有办法完成的，此时就可以利用浮动完成布局。 因为浮动可以改变元素标签默认的排列方式。

​ 浮动最典型的应用：可以让多个块级元素一行内排列显示。

​ 网页布局第一准则：多个块级元素纵向排列找标准流，多个块级元素横向排列找浮动。

一、什么是浮动？

float 属性用于创建浮动框，将其移动到一边，直到左边缘或右边缘触及包含块或另一个浮动框的边缘。

语法：

 选择器 { float: 属性值; }

---

二、浮动的特性？

加了浮动之后的元素,会具有很多特性,需要我们掌握的。
1.
2.浮动的元素会一行内显示并且元素顶部对齐。

注意：

​ 浮动的元素是互相贴靠在一起的ÿ