css的盒子类型有几种 |hover.css下载

一、标准盒子模型

{
box-sizing: content-box;
}

标准盒子模型的宽度只包括内容的宽度，不包括内边距、边框和外边距

二、IE盒子模型

{
box-sizing: border-box;
}

IE盒子模型的宽度包括内容的宽度+内边距+边框的宽度，不包括外边距的宽度

三、flex布局盒子模型

{
display: flex;
}

flex布局盒子模型是一种特殊的盒子模型，它是用于弹性布局的。flex布局盒子模型的宽度和高度包括了内边距、边框和外边距

四、grid布局盒子模型

{
display: grid;
}

grid布局盒子模型是用于网格布局的，它也是一种特殊的盒子模型。grid布局盒子模型的宽度和高度包括了内边距、边框和外边距

以上就是CSS中常用到的盒子模型类型，选择不同的盒子模型可以更好地控制元素的大小和位置