CSS-position

首先解释一下什么是文档流,其实应该是normal flow,不知道为什么中文叫文档流。。。文档流是指元素按从上到下,从左到右的方式显示,是HTML默认的排列布局方式。

下面是position的几个属性

static

position默认属性,元素在页面流中正常出现,并作为页面流的一部分,不能通过z-index进行层次分级

absolute

绝对定位,元素相对离它最近的开启定位的父元素定位(absolute和fix除外),可以通过z-index进行层次分级。开启absolute的元素会脱离正常的文档流,它所占据的位置会被后面的元素顶上

relative

相对定位,元素相对它原本的位置进行定位,可以通过z-index进行层次分级

fix

固定定位,元素相对浏览器窗口左上角定位,可以通过z-index进行层级分级。开启fix的元素也会脱离正常文档流

你可能感兴趣的:(css)