margin

语义这个属性的核心就是移动盒子。

简写属性

margin-top、margin-bottom

属性值

  • :绝对值。
  • :以包容盒的宽度为基准。
  • auto:按照spec标准,正常布局流的条件下,auto的计算值为0

    • margin-left:auto
    • margin-right:auto

      margin-right、margin-left

      属性值
  • :绝对值。

  • :以包容盒的宽度为基准。
    • 在正常流中,宽度是父元素的宽度。
    • 在定位BFC中,宽度是定位元素的宽度。
  • auto:在正常布局流的条件下。
    • margin-left:auto 表示水平方向的剩余空间都放到左边。
    • margin-right:auto 表示水平方向的剩余空间都放到右边。可用于两栏布局

例子
image.png