浮动与清除浮动

---

前言

本次讲下浮动与如何清除浮动

---

一、浮动是什么？

浮动就是使元素脱离文档流，按照指定的方向（左或右发生移动），直到它的外边缘碰到包含框或另一个浮动框的边框为止。
文档流是是文档中可显示对象在排列时所占用的位置/空间，而脱离文档流就是在页面中不占位置了。

二、浮动示例

1.属性

float：left； 左浮动

float：right；右浮动

2.创建一个网页

这是没有浮动的样式
代码如下：

我们来给图片增加一个右浮动

增加左浮动

三、清除浮动

clear 属性规定元素的哪一侧不允许其他浮动元素
主要用的清除浮动属性：
clear:left/right/both分别是不允许左、右和左右都不允许出现浮动

我们给图片设置清除浮动属性
这是左浮动


我们让他左右都没有浮动

---