1.浮动（float）：用于元素水平方向的布局
可选值：
none：默认值，不开启浮动
left：元素向左浮动
right：元素向右浮动
浮动元素的特点：
1.浮动元素会脱离文档流，不会占用文档流中的物位置
文档流：CSS把网页分为了很多层，如果不设置一些特殊属性
所有的网页元素都在文档流中
2.元素浮动之后，浮动元素下的块元素会自动向上移动
3.浮动元素只能用左侧或者右侧移动
4.浮动元素左浮或右浮时不会超过其父元素的边界
5.浮动元素不会超过其相邻的浮动元素
6.如果浮动元素上面有块元素，浮动元素不会上移
7.浮动元素不会覆盖文字，用于文字环绕图片
浮动应用：多应用于网页菜单
2. 定位（position）：是一种更高级、更方便、更灵活的布局手段
可选值：
static：静止定位，默认值，表示不不开启定位
relative：相对定位
absulute：绝对定位
fixed：固定定位
1.相对定位特点：当元素开启相对定位后，如果不设置偏移量，元素不会有任何变化
2.相对定位的元素自身在文档流的位置进行偏移
偏移量：元素与参照物上下左右的偏移距离
top：上偏移量
bottom：下偏移量
这两个值规定了元素在垂直方向的位置
left：左偏移量
right：右偏移量
这两个值规定了元素在水平方向的位置
绝对定位：当给元素的positi属性设置为absolute是，元素开启了绝对定位
特点：
1.当元素设置绝对定位后，没有设置偏移，元素不会有任何变化
如果当前元素没有祖先元素就参照于根元素<html>进行定位
如果当前元素有祖先元素就参照于最近一个开启定位的祖先元素
2.当元素设置绝对定位后，元素会脱离文档流，不占用文档流的位置
元素脱离文档流的特点：
块元素：
块元素脱离文档流后不会独占一行，如果未给块元素设置宽高，默认宽高被内容撑开
行内元素：
效果和脱离文档流的块元素一样
203
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
