保安日记：前端学习第六篇之CSS定位

前端学习第六篇

定位

定位∶将盒子定在某一个位置，所以定位也是在摆放盒子，按照定位的方式移动盒子。
定位 = 定位模式 + 偏移

定位模式
定位模式决定元素的定位方式，它通过CSS的position属性来设置，其值可以分为四个:

边偏移
边偏移决定了该元素的最终位置。

静态定位
静态定位是元素的默认定位方式，无定位的意思。
选择器{ position: static; }

• 静态定位是元素的默认定位方式，无定位的意思。
• 静态定位在布局时很少用到

相对定位
相对定位是元素在移动位置的时候，是相对于它原来的位置来说的。
选择器{ position: relative; }
相对定位的特点∶
1.它是相对于自己原来的位置来移动的(移动位置的时候参照点是自己原来的位置）。
2.原来在标准流的位置继续占有，后面的盒子仍然以标准流的方式对待它。(不脱标