css+div页面布局中position的位置属性

position的4个属性：relative absolute fixed static

笔记整理：

1.relative相对定位：相对于元素自身在文本流中原先的位置进行定位。结合left/right/top/bottom属性进行定位。

top的值表示对象相对原位置向下偏移的距离，bottom的值表示对象相对原位置向上偏移的距离，两者同时存在时，只有Top起作用；left的值表示对象相对原位置向右偏移的距离，right的值表示对象相对原位置向左偏移的距离，两者同时存在时，只有left起作用。

2.absolute绝对定位：

相对于 static 定位以外的第一个父元素进行定位定位，没有的话则相对于窗口定位

3.fixed固定定位：

相对于窗口定位

4.static静态定位：position默认值。没有定位，元素出现在正常的流中

注：relative、absolute、fixed均脱离文本流，均可结合left/right/top/bottom属性进行定位。其中，relative因为原先元素的位置仍存在，所以并没有改变文本流；而absolute和fixed改变了文本流。