水平布局
letf/right + margin-left/margin-right + border-left/border-right + padding-left/padding-right + width共同决定了开启定位元素的水平布局
当发生过度约束(即上面这些属性值的和超出元素所在父元素的宽度)时:
- 若以上9个值中没有auto,则自动调整right使等式成立;
- 若有auto,自动调整auto值使等式成立(注: 可以设置为auto的值有margin, width left/right)
- left与right的值默认为auto,若不设置自动调整这两个值
垂直布局
同样需要满足top/bottom + margin-top/margin-bottom + border-top/border-bottom + padding-top/padding-bottom + height = 父元素的高度,若发生过度约束处理方式与水平相同。