关于css:CSSposition

9次阅读

共计 366 个字符,预计需要花费 1 分钟才能阅读完成。

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

上面是 position 的几个属性

static

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

absolute

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

relative

绝对定位,元素绝对它本来的地位进行定位,能够通过 z -index 进行档次分级

fix

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

正文完
 0