CSS基本布局----定位

前言

CSS有三种基本的布局机制：标准流、浮动和定位。定位就是确定元素的位置，利用top/right/bottom/left这四个偏移属性，可以准确地定义元素框相对于其正常位置应该出现的位置。top的优先级要高于bottom，left的优先级要高于right

一、相对定位：relative

相对定位：相对于元素原有位置的定位。相对定位并没有脱离文档流，因此对于它的位置设定不会影响其它兄弟元素

二、绝对定位：absolute

绝对定位跟相对定位不同。它脱离了文档流，影响后面的兄弟元素。

1）相对body定位

在绝对定位中，相对于body元素定位的。设置top的时候，根据body的顶边定位。设置bottom的时候，相对于屏幕的底边定  位。left和right