css基础笔记5-定位

定位

定位=定位模式+边偏移

定位模式用于指定一个元素在文档中的定位方式。边偏移则决定了该元素的最终位置。

静态定位

静态定位是元素的默认定位方式，无定位的意思

语法：选择器{position:static;}

静态定位按照标准流特性摆放位置，它没有边偏移

相对定位

语法：选择器{position:relative;}

相对定位是元素在移动位置的时候，是相对它原来的位置来移动位置的，参照点是自己原来的位置。

注意：相对定位移动后，它原来在标准流的位置继续占有，后面的盒子仍然以标准流的方式对待它，也就是说，相对定位的元素移动不影响后面的其他元素，其他元素只会根据相对定位移动前的位置来排放。因此，相对定位并没有脱标（脱离文档流）。

相对定位前：

 

相对定位后：

 

绝对定位

语法：选择器{position:absolute;}

移动位置的时候是相对于它的祖先元素来说的

特点：