盒模型

107 阅读1分钟

标准盒模型

  • content-box 你设定的宽高只是针对内容区的 但凡是有border padding 实际的盒子宽高会变大
    实际盒子宽高 = 你设置的宽高(内容区) + 左右border + 左右padding;

IE盒模型

  • border-box 你设定的宽高包括了 border padding , 增大 border padding 会挤压内容区
    也就是你设置的宽高 = 内容区宽高 + 左右border + 左右padding