CSS知识整理：个人学习笔记（仅供学习）

浮动
背景
选择器
伪元素和伪类

浮动

通过特定的运动行为可以使一个HTML元素在其父级容器左侧或右侧发生偏移：使用float属性可以控制HTML元素的布局位置 可选值包括：none表示默认状态下显示效果为静止状态；left表示将内容偏移至左边显示区域；right表示将内容偏移至右边显示区域

浮 floats的特点：
1.浮 float项会完全脱离 document flow ，不再占用 document flow中的位置
2.设置 float后项其 position 将根据设定向指定 side移动
3.浮 float项默认情况下不会脱离 parent container
4.浮 float项在左右移动时将不会超出前驱同类
5.如果浮 float项其上方是一个 static block（无float）项，则该float项无法向上移动
6.浮 float项在其 parent 的上方同类中最多只能与之平齐

1. 当元素设置为浮动时，则会完全脱离文档流结构。

2. 当元素被设置为浮动时, 它将不再占用文档流空间, 导致其下方原本位于文档流中的其他元素自然会上移。

3. 通过浮动可以让页面中的元素实现水平排列。

4. 利用浮动功能可以创建一些水平方向的布局。

5. 浮动元素能够有效遮蔽文字内容，并使文字自然环绕在浮动元素周围