css盒子模型

2022-02-25 19:29:19 浏览数 (1)

box-sizing

  1. content-box 默认值,标准盒子模型。 width 与 height 只包括内容的宽和高, 不包括边框(border),内边距(padding),外边距(margin) 尺寸计算公式:width = 内容的宽度,height = 内容的高度。宽度和高度都不包含内容的边框(border)和内边距(padding)
  2. border-box width 和 height 属性包括内容,内边距和边框,但不包括外边距 尺寸计算公式:width = border padding 内容的 width

0 人点赞