CSS绝对定位下的布局

水平布局

left margin-left border-left padding-left width padding-right border-right margin-right right

=父元素内容区宽度

-当发生过度约束时

1:如果9个值中没有auto，则调整right值

2:可以auto的直

margin width left right

(1)1个auto 其他值都固定，则会调整这个auto的值

(2)2个auto

margin width为auto 调整width

margin left/right 为auto 调整left/right

width left/right 为auto 调整left/right

left right 为auto 调整right

（3）3个auto

margin width left 为auto 调整left

margin width right 为auto 调整right

width left right 为auto 调整right

（4）4个auto

margin width left right 都为auto 调整right

总结：right>left>width>margin

垂直布局

等式也必须满足

1:如果定位的元素层级是一样的， 下边的元素会盖住上边

2:在定位的情况下

通过z-index属性设置元素的层级

属性值：是一个正整数

层级越高，优先级也就越高