要开启 CSS 的盒子模型,你需要使用 CSS 属性 box-sizing
。
盒子模型有两种常见的模式:content-box
和 border-box
。
content-box
是默认的盒子模型,它将元素的宽度和高度仅包括内容区域,不包括边框和内边距。border-box
是另一种盒子模型,它将元素的宽度和高度包括内容区域、边框和内边距。
要开启 border-box
盒子模型,可以使用以下 CSS 代码:
* {
box-sizing: border-box;
}
这会将所有元素的盒子模型设置为 border-box
,使它们的宽度和高度包括内容区域、边框和内边距。你可以将上述代码放置在 CSS 文件的顶部,或者将其应用于特定的元素或选择器。