css如何让多个div并排显示

方法1：每个div的css样式里都加上 float:left; / float:right;

方法2： 每个div的css样式里都加上 display:inline-block;

用这种方法有一定的缺陷，div之间会存在间隙。

解决办法：设置父元素 display: table; border-spacing: 0;间隙就消失了

     .box {
        display: table;
        border-spacing: 0;
     }

方法3：flex布局  父元素display: flex;  子元素flex: 1; 这里注意父元素要设定盒子宽度等于所有子元素盒子宽度之和

方法4：绝对定位 父绝子相 ，从而达到绝对定位的目的。