老师，这个蓝色边框是不是画错位置了？应该是画到黄色和浅蓝色交界的地方吧？没有理解错的话

首页课程实战体系课手记专栏慕课教程

来源：3-29 盒子计算

慕仙9874720

2019-10-29 21:06:41

写回答

1回答

好帮手慕夭夭

2019-10-30

已采纳

你好同学，没有画错，蓝色边框是指的内容的宽度，而红色虚线与蓝色边框之间属于盒子外围与内容之间的间距，即padding部分。

老师给你举一个例子，一个盒子设置宽高各100px，然后设置填充20px。

那么内容的宽度就是100px，而盒子实际宽度是包含padding的。根据你截图中的计算方式，盒子实际宽高为140px*140px 。如下红色圈出来的就是width/height：100px 即内容的区域，蓝色是盒子的实际宽高：

祝学习愉快，望采纳。

0 学习 · 40143 问题

相似问题

回答 2

回答 1

回答 2

回答 3

回答 2