加上内边距Padding其实是撑开盒子

列如给一个

div{
	  width:300px;
	  hieght:200px;
	  padding:20px 0 20px 0;
}
其实,这个宽300 px,高200px;的才是盒子内容

加上内边距Padding其实是撑开盒子_第1张图片

整个盒子加上了上20 px ,下 20px:
相当于整个盒子上下加上了padding的值,这样整个盒子都变大了,
只不过内容还是300px,200px;
然后就撑开了内容盒子与上下或者左右与其他盒子的距离

你可能感兴趣的:(HTML笔记本)