CSS还剩下的

内边距

默认是靠左对齐
padding-top
padding-bottom
padding-left
padding-right


padding:10px 表示四个方向都是10px边距
padding:10px 20px 表示上下10，左右是20
padding:10px 20px 30px 40px 上右下左

外边距

控制盒子和盒子之间的距离
和padding差不多
特殊：margin-left 和 margin-rigth可以设置为auto，会是在父类容器中水平居中垂直方向不能这样使用

弹性布局

行内元素虽然是在水平方向.上排列的,但是不适合进行水平布局.因为尺寸边距啥的都不太可控~~

    <span>1</span>
    <span>2</span>
    <span>3</span>
</div>
<style>
    div {
        width: 100%;
        height: 150px;
        background-color: red;
   }
    div>span {
        background-color: green;
        width: 100px;
   }
</style>

此时的样式

当加入了display：flex后 宽度生效了

 具体参考-》这里