IE 盒子模型、W3C 盒子模型

盒子模型是CSS中一个重要的概念，理解了盒子模型才能更好的排版。盒子模型有两种，分别是IE盒子模型和标准W3C盒子模型。两者的区别在于IE盒子模型的content部分包含了padding和border，而W3C盒子模型的content部分不包含padding和border。具体来说，盒子模型包括内容(content)、填充(padding)、边界(margin)、边框(border)四个部分。在IE盒子模型中，内容(content) = 宽度(width) - 边框(border) - 填充(padding)；而在W3C盒子模型中，宽度(width) = 内容(content) + 边框(border) + 填充(padding)。因此，在两种不同模型网页里，定义了相同CSS属性的元素显示效果是不一样的。