CSS位置可以在一个箱子中自由移动位置或者固定屏幕中的一个位置，然后它可以压住其他箱子。
定位的构成定位是将箱子定位在某个位置。 像定位一样移动箱子。
定位=定位模式的边缘偏移。
“定位”模式指定元素在文档中的位置。 边偏移决定了元素的最终位置。
定位模式决定通过CSS的position属性设定的要素的定位方法，其值分为以下四个。
值语义静态静态定位relative相对定位absolute绝对定位fixed固定定位边偏移是定位的盒移动到最终位置。 有四个属性： top、bottom、left和right。
边偏移属性示例说明toptop: 80px； 上端偏移。 指定从父元素的上边缘到元素的距离。 bottombottom: 80px； 底部偏移。 指定父元素下边缘与元素之间的距离。 左左： 80px； 左偏置。 定义元素相对于父元素左侧的距离。 rightright: 80px； 右边偏移。 定义元素相对于父元素右侧线的距离。 静态定位(static )静态定位是元素的缺省定位方法，没有定位意义。
语法：
选择器{ position :静态； )静定位置按标准流特性定位，无错边。 布局时不怎么使用。
“相对位置”(relative )相对位置是元素移动时，设计相对于其原始位置的位置
语法
选择器{position: relative； }相对定位特征：
他相对于自己原来的位置移动过来的原来继续在标准流的位置占有，后面的箱子仍然被当作标准流对待。 “绝对位置”(absolute )绝对位置在元素处于移动位置时相对于祖先元素。
语法
选择器： {定位：辅助； )绝对对位特征：
如果没有祖先元素，或者没有放置祖先元素，则根据浏览器对齐。 祖先要素有对位时，以最上位祖先的对位为基准点进行对位。 绝对位置不占用原始位置(脱标)子级绝对位置，父级必须使用相对位置。
子绝对定位，不占用位置，可以放入母箱中的任何地方，不会影响其他兄弟箱。 母箱必须定位，限制子箱显示在母箱内。 不能添加相对位置，因为父箱必须占用位置。 固定(fixed )固定位置是元素在浏览器显示区域中的预定位置。 主要使用场景：滚动浏览器页面不会更改元素的位置。
语法：
选择器{ position:fixed； )固定定位的特征：
以浏览器的可显示窗口为基准点移动元素。 它与父元素无关，也不会与滚动条滚动一起滚动。 固定定位不占用原来的位置。 固定定位也是脱标。 固定定位也可以看作特殊的绝对定位。 定位小技巧：固定在版心右侧位置
算法：
将定位固定框设为left:50%，到浏览器可视区域的一半位置，将定位固定框设为margin-left :版心宽度的一半距离，增加版心宽度的一半距离。 这样，就可以将固定了定位的箱子贴在版心的右侧并对齐。
粘性定位(sticky )粘性定位可以认为是相对定位和固定定位的混合。
语法：
选择器{ position:sticky； top10px； )粘性定位特征：
以浏览器的可显示窗口为基准点移动元素。 (固定定位的特点)，粘性定位占原位置。 (相对位置的特征)如果不追加top、left、right、bottom中的任意一个就无效。 与页面滚动组合使用时兼容性差，IE不支持。
使用定位重叠顺序z-index定位布局时，箱子可能会重叠。 在这种情况下，可以使用z-index控制框的前后顺序(z轴)
语法：
选择器{ z-index:1； }数值可以是正整数、负整数或0。 默认值为auto，数值越大箱子越向上。 数值后面没有单位。 如果数值相同，按照顺序，后者向上。
只有定位的箱子具有z-index属性。
如果将对齐框添加到绝对对齐框的中心，则无法将其水平居中，但可以使用以下方法将其水平居中或垂直居中：
选择器{ left:50%； 边距-左： -外壳自身宽度的一半； /*负*/}选择器{ top:50%； 边距-顶部： -外壳自身宽度的一半； }在定位特殊特性行内的要素中添加绝对定位或固定定位后，可以直接设定高度和宽度。 将绝对或固定位置添加到块级别的图元。 如果未指定宽度或高度，则默认大小为内容大小。 脱靶的箱子不会引起外侧距离的塌陷。 浮动要素不同时，只有下面的标准流的箱子被压住，下面的标准流的箱子中的文字不被压住()
但是，绝对位置(固定位置)会保留下一个标准流的所有内容。
浮动之所以不压住文字，是因为浮动的目的是文字的环绕效果。