CSS-浮动

重要！前言必读！

本章节主要学习的是css的浮动，css浮动（float），浮动的值有4种，分别是向左浮动（left）、向右浮动（right）、不浮动（none）、继承父元素浮动值（inherit）。

浮动：float

注意！float是浮动，浮动用于控制网页中的文本和图像的布局，指定方向浮动。

• left（向左浮动）
• right（向右浮动）
• none（不浮动）
• inherit（继承父元素浮动值）

---

float：left

注意！float：left是浮动的一个值，它的效果是使元素浮动到页面的左侧，也就是向左浮动。

代码图

效果图

---

float：right

注意！float：right是浮动的一个值，它的效果是使元素浮动到页面的右侧，也就是向右浮动。

代码图

效果图

---

float：none

注意！float：none是浮动的一个值，它的效果是使元素不浮动。

代码图

效果图

---

float：inherit

注意！float：inherit是浮动的一个值，它的效果是继承父元素浮动值，也就是父元素是什么浮动，它继承后的浮动就是什么浮动。

代码图

效果图