CSS盒模型宽度的理解

猫性男孩

• 使用css定义盒状模型时，我们设置的宽度和高度，只是设置了内容（content）区块的高度和宽度，而不是内容、内边距、边框和外边距的总和。
• 盒状模型宽度=左margin宽度+左border宽度+左padding宽度+content宽度+右padding宽度+右border宽度+右margin宽度
• 在 CSS 中，width 和 height 指的是内容区域的宽度和高度。增加内边距、边框和外边距不会影响内容区域的尺寸，但是会增加元素框的总尺寸