关于padding

来源:3-2 机酒自由行部分开发(1)

期限_

2021-03-31 09:12:14

什么时候需要给父盒子减去padding的值,什么时候不需要呢?

写回答

1回答

好帮手慕然然

2021-03-31

同学你好,盒模型计算规则为:盒子的实际总宽度=width+左右padding+左右border

假设一个盒子在网页中所占的总宽度为200px,

此时给该盒子加一个左右10px的padding, 如果width还设为200px的话,

那么这个盒子所占的空间为 200+10+10 = 220px(如图1), 超出了它所能占用的200px的

空间,因此,width须要减去左右的padding值,应设为200-10-10=180px(如图2)

http://img.mukewang.com/climg/60640a1c09e4d53209510535.jpg

http://img.mukewang.com/climg/60640a2c0947e7d311520527.jpg

祝学习愉快!

0

0 学习 · 15276 问题

查看课程