1、使用margin 和 padding:
大盒子:
margin-left :-10px; margin-right : -10px;
小盒子设置边距:
1) padding-left: 10px; padding-right :10px;
2) margin-left: 10px; margin-right: 10px;
margin 与 padding 的区别
margin :外边距 是不会撑开背景颜色,不会撑开内容区域
padding:内边距 是会撑开内容,背景颜色
2、使用flex弹性布局
width:calc( 50% - 20px ) : 间距为40px
display:flex
justify-content: space-between; : 使两端对齐