怎么把两个盒子放在同一行

Question

如果想把类名为“cebianlan”和类名为“lunbotu”的两个盒子放在同一行，应该直接在css里写
.box1 {
float: left;
}
不就可以了吗，为什么我这样写他们无法在同一行展示呢？

Answer 1

你可以用flex布局，给box1加一行代码就可以

.box1{display:flex}

如果你要用浮动，你不能在box1加，给下面子元素加

.cebianlan{float:left;}
.lunbotu{float:right}