1个html元素,从里到外分为4个部分,内容盒(content),内间距(padding),边框(border),外间距(margin)。
默认情况下,给元素设置的宽高,是内容盒的宽高,不包含边框与内间距。
- 设置盒模型,默认是内容盒content-box。
box-sizing: content-box;
- border-box是边框盒。
box-sizing: border-box;
- 计算宽高时:
按照内容去结算的是内容盒;
内容+内边距+边框=是边框盒。
1个html元素,从里到外分为4个部分,内容盒(content),内间距(padding),边框(border),外间距(margin)。
默认情况下,给元素设置的宽高,是内容盒的宽高,不包含边框与内间距。
box-sizing: content-box;
box-sizing: border-box;