美文网首页
CSS--auto与width、height、margin

CSS--auto与width、height、margin

作者: 栗子酥小小 | 来源:发表于2017-03-23 20:32 被阅读0次
水平方向
  • 可以设置为auto的属性:width margin-left margin-right,也就是说,padding都不可以设置为auto

  • 假设padding为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不能为负
垂直方向
  • 可以设置为auto的属性:height margin-top margin-bottom
  1. height默认为auto
  2. margin-top\bottom设置为auto时,表示为0

相关文章

网友评论

      本文标题:CSS--auto与width、height、margin

      本文链接:https://www.haomeiwen.com/subject/ywitottx.html