关于盒子模型的理解

感谢一位大神的解释很生动形象:https://www.douban.com/group/topic/55124068/

我们以DIV为一个盒子为例,既然和现实生活中的盒子一样,那我们想一下,生活中的盒子内部是不是空的好用来存放东西,而里面存放东西的区域我们给他起个名字叫“content(内容)”,而盒子的纸壁给他起个名字叫“border(边框)”,如果盒子内部的东西比如是一块硬盘,但是硬盘怕震动,所以我们需要在硬盘的四周盒子的内部均匀填充一些防震材料,这时硬盘和盒子的边框就有了一定的距离了,我们称这部分距离叫“padding(内边距)”,盒子内填充物要么没有要么大于0,所以padding不能为负值。如果我们需要购买许多块硬盘,还是因为硬盘怕震动所以需要在盒子和盒子之间也需要一些防震材料来填充,那么盒子和盒子之间的距离我们称之为"margin(外边距)" 。在默认距离的情况下,我想让两个盒子离得更远一点,就给margin一个正值;如果想来一个拥抱,就给margin一个负值。

猜你喜欢

转载自blog.csdn.net/weixin_41355260/article/details/79015808