老师请帮忙看一下 关于盒子宽高的问题

来源:2-1 background-color

1226122238

2018-10-25 21:18:42

之前讲的盒子宽、高=内容(content)+内边距(padding)+边框(border)+外边距(margin)

http://img.mukewang.com/climg/5bd1b7e200018ca003160283.jpg

http://img.mukewang.com/climg/5bd1b7e2000148c307520462.jpg

那这里这个border不应该在内边距(padding)和外边距(margin)之间吗,

覆盖了内边距(padding)之后,那计算盒子的宽高不就变成了内容(content)+内边距(padding)+外边距(margin)吗 这不就与之前讲的冲突了吗

写回答

1回答

好帮手慕夭夭

2018-10-26

你好同学 :

  1. 盒子的实际宽、高=内容(content)+内边距(padding)+边框(border) . 不包括外边距margin哦

  2. 盒子的实际占用宽、高=内容(content)+内边距(padding)+边框(border)+外边距(margin) 注意这里说的是占用宽高才包括margin

同学说的border不应该在内边距(padding)和外边距(margin)之间 , 是说border实际上是占用了padding或者margin的空间吗 . 并不是的哦, 如下虽然border区域也有背景颜色 ,但这也是属于border自己的空间哦 .只不过因为border是虚线 , 虚线的部分是不显示border是透明的 ,所以也会被填充了一个背景色哦 . 

http://img.mukewang.com/climg/5bd278f30001ee1003100280.jpg

希望解答了你的疑惑 ,祝学习愉快 ,望采纳

0

0 学习 · 36712 问题

查看课程