盒子大小计算

来源：3-5 标准盒模型与怪异盒模

Panda_io

2021-09-03

老师说“在标准模型中，如果你给盒设置width和height,实际设置的是content box。padding 和border再加上设置的宽高一起决定整个盒子的大小”

学生疑惑的是这里不应该加上margin一起决定吗？
图片描述

写回答

1回答

西门老舅

2021-09-03

同学你好，margin是盒模型的一部分，但是它的作用是设置间距，也就是改变元素的位置。

margin可以设置负值，从表现来看，并没有把盒子缩小，而是移动了位置。

box-sizing属性中也没有提供对margin的变化处理。

content、padding、border最小值为0，说明控制的是尺寸大小。

所以从种种表现来看，margin叫做盒模型位置更加合理，而叫做盒模型大小有点牵强。

个人看法，不过网上也有一些讨论，你可以参考一下：

https://zhidao.baidu.com/question/2012227550956023708.html

西门老舅

Panda_io

谢谢你，我会努力做出更好的课程

2021-09-04

共2条回复

前端内功修炼 5大主流布局系统进阶

前端内功修炼：5大主流布局系统进阶

760 学习 · 239 问题

相似问题

回答 2

回答 1

提问

回答 1

回答 1

回答 1