pituojiejie的博客

原创 标准盒模型和怪异盒模型

盒模型就是一个承载HTML元素的盒子，由content（内容区）、padding（填充）、border（边框）、margin（边距）组成。标准模式下它的宽度计算公式为width + padding(左右) + border(左右)+ margin(左右) 。由下图可见，标准盒模型和怪异盒模型的区别就在于宽度的计算方式不同，怪异盒模型的宽度计算公式为width+margin（左右）（就是说widt...