共计 366 个字符,预计需要花费 1 分钟才能阅读完成。
首先解释一下什么是文档流,其实应该是 normal flow,不晓得为什么中文叫文档流。。。文档流是指元素按从上到下,从左到右的形式显示,是 HTML 默认的排列布局形式。
上面是 position 的几个属性
static
position 默认属性,元素在页面流中失常呈现,并作为页面流的一部分,不能通过 z -index 进行档次分级
absolute
相对定位,元素绝对离它最近的开启定位的父元素定位(absolute 和 fix 除外),能够通过 z -index 进行档次分级。开启 absolute 的元素会脱离失常的文档流,它所占据的地位会被前面的元素顶上
relative
绝对定位,元素绝对它本来的地位进行定位,能够通过 z -index 进行档次分级
fix
固定定位,元素绝对浏览器窗口左上角定位,能够通过 z -index 进行层级分级。开启 fix 的元素也会脱离失常文档流
正文完