盒子位置
合资在包含块的垂直方向上依次摆放
依次摆放:按照HTML元素的书写顺序从上到下
垂直方向上,若两个外边距相邻,则进行合并(折叠)
垂直方向:水平方向上的外边距不会合并
外边距相邻:两个外边距之间没有border、padding、margin
外边距合并(规则):
- 相同值,取一个。
- 都是正值取最大。
- 都是负值取最小。
- 一正一负则相加。
附加功能:禁止外边距合并
overflow:hidden(附加功能;清除浮动)
属性 | 常规流 | 浮动 |
---|---|---|
margin-left:auto | 尽量撑满包含块 | 0px |
margin-right:auto | 尽量撑满包含块 | 0px |
margin-top:auto | 0px | 0px |
margin-bottom:auto | 0px | 0px |
width:auto | 尽量撑满包含块 | 适应内容高度 |
height:auto | 适应高度 | 适应内容高度 |