2.7 浮动与定位

文档流

文档流分为正常文档流和脱离文档流

正常文档流的规则为各类元素从上往下，从左往右排列，而脱离文档流即可无视此规则

浮动float

当元素a浮动时，处于元素a下方的元素b就会紧贴上来

float:取值;

属性值	说明
left	元素向左浮动
right	元素向右浮动

---

清除浮动clear

clear:取值;

属性值	说明
left	清除左边浮动
right	清除右边浮动
both(常用)	清除全部浮动

---

 

定位position

一般top，bottom，left，right，这四个属性值只会用到两个。

position:取值;
top:像素值;
bottom:像素值;
left:像素值;
right:像素值;

属性值	说明
fixed	固定定位（固定在某处）
relative	相对定位（相比原来的位置进行变化）
aboslute(常用)	绝对定位（精确的定位到网页的某处）
static(不常用)	静态定位