CSS-position

微信扫一扫,分享到朋友圈

CSS-position

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

下面是position的几个属性

static

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

absolute

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

relative

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

fix

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

微信扫一扫,分享到朋友圈

CSS-position

漫威首次进军恐怖片 剧集《地狱风暴》发布正式预告片

上一篇

委托、匿名方法到lambda表达式

下一篇

你也可能喜欢

CSS-position

长按储存图像,分享给朋友