什么是CSS盒模型

css盒模型包含以下4个参数:margin、border、padding和content。根据盒的大小计算方式不同,盒模型分为标准盒模型和怪异盒模型。标准盒模型设置width和height设置的是content的大小,盒子实际大小等于content+padding+border的大小之和;怪异盒模型设置height和width设置的就是实际盒大小,包含了content+padding+border。要使用标准盒模型,设置box-sizing:content-box。要使用怪异和模型,设置box-sizing:border-box。

posted @ 2024-04-16 15:44  Cara_Smith  阅读(3)  评论(0编辑  收藏  举报