36 lines
830 B
Plaintext
36 lines
830 B
Plaintext
position
|
||
|
||
relative 相对定位
|
||
|
||
相当原本初始位置进行移动，原本位置还在文档流中
|
||
|
||
absolute 绝对定位
|
||
|
||
当一个元素被设置绝对定位后，原本位置将会从文档流中被删除，其他元素占据他的原本位置。
|
||
|
||
参考对象：
|
||
|
||
1：如果 被设置绝对定位 的元素有父级元素，且父元素已经定位，那么参考父元素进行定位
|
||
|
||
2：如果 被设置绝对定位 的元素有父级元素，且父元素没有定位，那么参考浏览器边框
|
||
|
||
父元素已经定位:
|
||
|
||
relative, absolute, fixed
|
||
|
||
fixed 固定定位
|
||
|
||
参考对象：浏览器边框
|
||
|
||
盒子模型
|
||
|
||
padding 内边距
|
||
|
||
border 边框
|
||
|
||
margin 外边距
|
||
|
||
content 内容
|
||
|
||
计算规则：
|
||
元素的真实宽高 = content + (padding + padding) + (border + border) |