008day（定位，下滑二级导航栏，测滑二级导航栏，定位中骰子的制作）

一、定位基础

一、定位基础

1、静态定位static（了解）

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

语法：position：static

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

静态定位在布局时很少用到

2、相对定位relative（重要）

语法：position：relative

1⃣、相对定位是元素在移动位置的时候，是相对于它原来的位置来说的（自恋型）

2⃣、原来在标准流的位置继续占有，后面盒子仍然以标准流的方式对待它（不脱标，继续保留原来位置）

因此，相对定位并没有脱标，它最典型的应用是给绝对定位当爹的。。

3、绝对定位 absolute（重要）

绝对定位是元素在移动位置的时候，是相对于它祖先元素来说的（拼爹型）

语法：position：absolute

1⃣、如果没有祖先元素或者祖先元素没有定位，则以浏览器为准定位

2⃣、如果祖先元素有定位（相对、绝对、固定位置），则以最近一级的有定位祖先元素为参考点移动位置（如果爸爸没有定位，爷爷有以爷爷的定位为参考，如果爸爸有定位直接以爸爸的为参考）

3⃣、绝对定位不再占有原先的位置（脱标）

4、固定定位fixed（重要）

固定定位是元素固定于浏览器可视区的位置，主要应用场景：小小前

语法：position：fixed

1⃣、以浏览器的可视窗口为参照点移动元素（可视窗口就是浏览器缩小也就变小的那个）

跟父元素没有任何关系

2⃣、固定定位不在占有原先的位置