定位与层级
1. 定位 position
1.1 静态定位 static
每个元素的默认值,将元素放入它在文档布局流中的正常位置。
1.2 相对定位 relative
开启定位后,可以使用top、right、bottom,left四个属性设置偏移量。选择一个垂直方向和竖直方向上的偏移量即可为一个元素定位。
要点
- 相对定位的元素不会脱离文档流
- 开启相对定位后,如果不设置偏移量,元素不会发生任何变化
- 相对定位是相对于元素在文档流中原来的位置进行定位
- 相对定位会使元素提升一个层级
- 相对定位不会改变元素的性质