html 控制多个div不换行

div默认自动换行 暂时发现两种方式可以控制

1.

display: inline-block;

 .box{
            width: 300px;
            height: 300px;
            background-color: #20B2AA;
            display: inline-block;
        }

2.

float: left;

.box {
    width: 300px;
    height: 300px;
    background-color: #20B2AA;
    float: left;
}