CSS--auto与width、height、margin

2017-03-23  本文已影响0人  栗子酥小小
水平方向
  1. 三个确定值 + 零个auto,实际上margin-right是按照auto的规则来计算
  2. 两个确定值 + 一个auto,则三者的值宽度相加要等于父元素的width
  3. 一个确定值 + 两个auto 的情况要讨论:
    • width确定,margin-left\right为auto,则元素居中
    • 某一边距确定,width和另一边距为auto,则另一边距为0,width为最大使充满父元素
  4. 三个都为auto,则两个外边距都为0,width为最大使充满父元素【没有margin和width的显示声明时,就是这种情况】
注:只有margin可以为负,因此计算时可能为负值,是符合规范的行为,但其余padding border width不能为负
垂直方向
  1. height默认为auto
  2. margin-top\bottom设置为auto时,表示为0
上一篇下一篇

猜你喜欢

热点阅读