浮动
1. 定位概述
所谓的定位，实际上就是定义元素框相对于其正常位置，应该出现的位置在哪。简单地说，
定位就是改变元素在页面上的默认 位置。
2. 定位分类
1. 普通流定位（元素默认定位方式）
2. 浮动定位
3. 相对定位
4. 绝对定位
5. 固定定位
3. 定位-普通流定位
普通流定位，又称为“文档流定位”，是页面元素的默认定位方式
页面中的块级元素按照从上到下的方式排列，而且每个元素占一行
页面中的行内元素按照从左到右的方式排列，当前行显示不下所有行内元素时，
会自动换行
问题： 如何能够让块级元素在一行内显示 ? ? - 浮动定位
4. 浮动定位（重点）
1. 浮动定位概述
1. 如果将元素的定位方式设置为浮动定位，那么将具备以下几个特点：
1. 浮动元素会被排除在文档流之外即脱离文档流，元素不再占据页面空间
其他为浮动元素要上前补位
2. 浮动元素会停靠在氟元素的左边或右边，或停靠在其他以浮动元素的边缘上
3. 浮动元素只会在当前行内浮动‘
4. 浮动元素依然位于父元素之内
5. 浮动定位处理的问题-让多个块级元素在一行内显示
2.语法：
属性： float
取值：
1. none
默认值，即无浮动定位效果
2. left：
左浮动，让元素停靠在父元素的左边，或停靠在左侧已有浮动元素的边缘上
3. right
右浮动，让元素停靠在父元素的右边，或停靠在右侧已有浮动元素的
边缘上
命令显示图：
3. 浮动引发的特殊效果
1. 当父元素的宽度显示不下所有的已浮动子元素时，最后一个将换行（有可能被卡住）
2. 元素一旦浮动起来之后，那么宽度将变成自适应（非人为指定情况下）
3. 元素一旦浮动起来之后，那么将变成块级元素，尤其对行内元素影响最大
块级： 允许修改尺寸
行内： 不允许修改尺寸
4. 文本，行内元素，行内块元素时采用环绕的方式排列的，是不会被浮动元素压在低下的
会巧妙的避开浮动元素
4. 清除浮动
元素浮动起来之后，除了影响那个自己的位置之外，
还会影响后续元素。
如果后续元素不想被前面浮动元素所影响的话，可以清除浮动的效果来解决影响
**属性：**
clear
取值：元素浮动起来之后，除了影响那个自己的位置之外，
还会影响后续元素。
如果后续元素不想被前面浮动元素所影响的话，可以清除浮动的效果来解决影响
**属性：**
clear
取值：
1. none
默认值，即不做任何清除操作
2. left
清除当前元素的前面元素左浮动带来的影响。即当前元素不会上前占位
并且左边不允许有浮动元素
3. fight
清除当前元素的前面元素有浮动带来的影响。即当前元素不会上前占位，并且右边不允许有
浮动元素
4. both
清除前面元素左右浮动带来的影响
5.浮动元素对父元素带来的影响
1. 由于浮动元素会脱离文档流，所以会导致元素占据父元素的页面情况
所以带来影响。。如果一个中所有：0.9*/
1. 直接设置父元素高度
弊端：
必须摇动的名单：
必须知道要父元素的准确高度
2.设置父元素也浮动
弊端： 对后续元素会影响
父元素
3.为父元素设置 overflow, 取值为 hidden
或auto
弊端： 如果有子级内容要溢出显示的话，也一同被隐藏了
2. 父元素中追加空子元素，并设置其clear属性为 both
父元素高度命令图：
父元素高度网页示例图：
