CSS样式表知识点轨迹（三）———元素定位

1.标准文档流：指在不使用定位或者特殊的CSS排版的时候，各个元素的排列规则，即CSS规定网页元素的默认排列方式

2.设置负的margin可以破坏文档流，但元素还处于标准文档流中

3. 设置元素定位

position四个值relative（相对定位）、static（默认定位）、fixed（固定定位）、absolute（绝对定位）

A.设置元素相对定位position：relative

（1）不影响元素本身的特征

（2）破坏当前文档流，但是不会脱离文档流

（3）如果没有设置偏移量，元素是不会移动的

（4）通过left、top、button、right等控制元素移动（相对于原来的位置）

B.设置元素固定定位position：fixed

设置了偏移量后固定在屏幕上，脱离文档流，不会受到文档流控制

C.设置元素默认定位position：static

遵循标准文档流

D.设置元素决定定位position：absolute

（1）设置绝对定位要脱离文档流，默认漂浮在页面左上角

（2）文档>html>body

（3）设置绝对定位后元素不会再占据原来的空间，也不会影响标准文档流的继续排列

（4）默认给元素设置一个display：inline-block

4.如果一个元素的父类比较多，找定位父级的时候，离他最近的是他移动的标准

结构父级：距离最近的父级

定位父级：设置了定位的父级

Z-index：设置定位层级，层级越大，数字越高，最大数字没有限制

5.浮动：float可以让块级元素在一行显示，left、right

（1）脱离文档流

（2）后面元素碰到前面元素的边界就停止下来，当道父级边界就停止下来

（3）默认加上display：inline-block

6.清除浮动：clear：both双方

clear：left清除左浮动

clear：right清除右浮动

清除浮动不是取消浮动，只是分割上面浮动对下面元素的影响