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;}