使用CSS的box-sizing属性,并设置border-box值来确定盒子模型的尺寸。
示例代码:
.box { box-sizing: border-box; width: 200px; padding: 20px; border: 2px solid black; margin: 10px; }
这个例子中,盒子的宽度是200px,而非220px(200px + 20px + 20px + 2px + 2px),因为box-sizing属性设置为border-box,表示padding和border的尺寸已经被包含在盒子的总宽度中。这样可以确保在给定的宽度下,padding和border不会改变盒子的尺寸。