31 lines
881 B
Plaintext
31 lines
881 B
Plaintext
定位：
|
||
把元素按照你的想法放在网页的如何一个位置！！！
|
||
|
||
|
||
|
||
相对定位 relative
|
||
|
||
当元素被设置相对定位后，元素飘到3维空间里面了
|
||
他原本的位置还在，没有被删除
|
||
他的定位参考对象就是原本位置的左上角
|
||
|
||
|
||
绝对定位 absolute
|
||
|
||
当元素被设置绝对定位后，元素飘到3维空间里面了
|
||
他原本的位置不在，被删除
|
||
他的定位参考对象：
|
||
父元素
|
||
父元素如果有定位，那么参考父元素的位置来
|
||
父元素如果没有定位，那么参考浏览器来
|
||
|
||
使用场景：
|
||
|
||
子元素绝对定位的时候，一般都在最近父元素上开启 相对定位
|
||
|
||
|
||
固定定位 fixed
|
||
|
||
当元素被设置绝对定位后，元素飘到3维空间里面了
|
||
他原本的位置不在，被删除
|
||
他的定位参考对象是屏幕 |