CSS Box-Sizing controla cómo se calcula el modelo de caja de un elemento.
1178
0
2025-03-09 11:54:33
Prohibida la reproducción sin autorización del autor
21
3
33
4
课程总结
收起全部章节
关闭课程总结
暂无课程总结
content-box es el valor predeterminado, el width y el height establecidos para un elemento solo se aplicarán al área de contenido de este elemento. Si este elemento tiene algún border o padding, el ancho y la altura de la caja al dibujarse en la pantalla incluirán los valores de borde y relleno establecidos. Si estableces el ancho de un elemento en 100px, entonces el área de contenido de este elemento tendrá 100px de ancho, y cualquier ancho de borde y relleno se sumará al ancho final del elemento dibujado.
border-box: los valores de borde y relleno establecidos están incluidos dentro del width. Es decir, si estableces el width de un elemento en 100px, entonces estos 100px incluirán su border y padding, y el ancho real del área de contenido es el valor de width menos (border + padding).
