内边距padding
边框与内容的距离
padding:20px; 上下左右都是20px
padding:10px 20px; 上下10px,左右20px
padding: 10px 20px 30px; 上 左右 下
padding: 5px 10px 15px 20px; 上 右 下 左 顺时针
padding会撑开带有width和height的盒子
外边距margin
盒子边框和其他盒子的距离
使用方法和padding类似
外边距合并问题
两个相邻的外边距同时设置,最终应该以最大的那个为准
父元素会合并子元素的margin:1.为父元素指定1像素的边框或内边距。2.为父元素添加overflow:hidden