——————今日份所学到的知识（学习笔记）
1、浮动（float）：用于元素“水平”方向的布局
可选值：
none:默认值，不开启浮动
left:元素向左浮动
right:元素向右浮动
1、浮动元素会脱离文档流，不会占用文档流中的位置
2、元素浮动之后，浮动元素下的块元素会自动向上移动
3、浮动元素只能向左侧或者右侧移动
4、浮动元素左浮或右浮时不会超过其父元素的边界
5、浮动元素不会超过其相邻的浮动元素
6、如果浮动元素上边有块元素，浮动元素不会上移
7、浮动元素不会覆盖文字,用于文字环绕图片
浮动应用:多应用于网页菜单
文档流：css把网页分为了很多层
文档流为网页的基层，如果不设置一些特殊属性，
所有的网页元素都在文档流中
2、相对定位
设置为相对定位的元素框会偏移某个距离。元素仍然保持其未定位前的形状它原本所占的空间仍保留。
相对定位特点：
1.当元素开启相对定位后，
如果不设置偏移量元素不会有任何变化
偏移量：元素与参照物上下左右的偏移距离
2.开启了相对定位的元素
参照与元素自身在文档流的位置进行偏移
top:上偏移量
bottom:下偏移量
这两个值规定了元素在垂直方向的位置
left：左偏移量
right:右偏移量
这两个值规定了元素在水平方向的位置
3、绝对定位：
当给元素的position属性设置为absolute时，
元素就开启了绝对定位
绝对定位特点：
1.当元素设置绝对定位后，没有设置偏移量，
元素不会有任何变化
①如果当前元素没有祖先元素，
就参照于根元素<html>进行定位
②如果当前元素有祖先元素，
就参照于最近一个开启了定位的祖先元素
2.当元设置绝对定位后，元素会脱离文档流，
不占用文档流的位置
4、 元素脱离文档流的特点：
块元素：
块元素脱离文档流后，不会独占一行，
如果未给款元素设置宽高，默认宽高被内容撑开。
行内元素：
效果和脱离文档流的块元素一样。
209
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
