HTML 盒子尺寸的计算

盒子尺寸的计算

计算盒子的宽:

  • 宽度:width+2padding+2boder
  • 真实占有宽度= 左border + 左padding + width + 右padding + 右border(如果想保持一个盒子的真实占有宽度不变,那么加width就要减padding。加padding就要减width。)
    HTML 盒子尺寸的计算

计算盒子的高:

  • 高度:height+2padding+2boder
  • 真实占有高度=上border+上padding+height+下padding+下border(如果想保持一个盒子的真实占有高度不变,那么加height就要减padding。加padding就要减height。)
    HTML 盒子尺寸的计算