列如给一个 div{ width:300px; hieght:200px; padding:20px 0 20px 0; } 其实,这个宽300 px,高200px;的才是盒子内容 整个盒子加上了上20 px ,下 20px: 相当于整个盒子上下加上了padding的值,这样整个盒子都变大了, 只不过内容还是300px,200px; 然后就撑开了内容盒子与上下或者左右与其他盒子的距离