css定位详解

css定位

css 定位主要有4种：静态定义、相对定位、绝对定位、固定定位

静态定位

是元素定位的默认方式，这种方式时，不可以使用 top、bottom、left、right 和z-index属性。

相对定位

position: relative

占用正常文档空间，但是可以通过 top、bottom、left、right 相对于元素本身之前的位置偏移

绝对定位

position:absolute

​ 会从正常文档流脱离，不占用原本文档空间；使用 top、bottom、left、right 相对离当前元素最近的具有定位属性的父级元素进行绝对定位，根元素为body( 浏览器窗口 )。

固定定位

position:fixed

	直接以**浏览器窗口**作为参考进行定位，它是浮动在页面中，元素位置**不会随浏览器窗口的滚动条滚动而变化**