CSS position定位&z-index层级1. 定位position:(1). 相对定位relative:元素相对定位:
a. 相对于元素在文档流中原本的位置定位的
b. 不脱离文档流
c. 如果不设置偏移量,元素不会发生任何变化不改变元素性质(块级/内联元素)(2). 绝对定位absolute:绝对定位的元素:
a. 相对于最近开启定位的父元素定位,如果没有,则相对于窗口定位
b.
脱离文档流与脱离文本流
根据官方文档所述,脱离文档流的方法有浮动(float)和绝对定位(poistion:absolute/fixed)。
那么我们接下来来看看他们的区别吧
使用浮动(float)
正常布局下:
<div id=”nf”>
In CSS, normal flow includes block form
