32 lines
817 B
Plaintext
32 lines
817 B
Plaintext
定位 position
|
||
|
||
为了实现更加灵活和自由的布局
|
||
|
||
left（左）,right（右）,top（上）,bottom（下）
|
||
|
||
z-index 调整z轴的漂浮等级
|
||
|
||
1：相对定位 relative
|
||
|
||
当元素被设置相对定位后，它原本位置没有被删除，脱离文档流了
|
||
定位参考对象：
|
||
是他原本的位置
|
||
|
||
2：绝对定位 absolute
|
||
|
||
当元素被设置绝对定位后，它原本位置被被删除，脱离文档流了
|
||
定位参考对象：
|
||
他的父元素如果没有设置定位
|
||
参考body边框来定位
|
||
|
||
他的父元素如果设置了定位
|
||
定位参考对象就是父元素的位置
|
||
|
||
|
||
|
||
|
||
3：固定定位 fixed
|
||
|
||
当元素被设置固定定位后，它原本位置被被删除，脱离文档流了
|
||
定位参考对象：就是浏览器的边框
|