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

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

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

.box1{display:flex}

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

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

1.使用display的inline属性,代码如下。
2.通过设置float来让Div并排显示,代码如下。
3.对于两个div并排,左边为绝对宽度,右边为相对宽度的,需要用到这种布局的情况比较多见,如左边为导航,右边为内容的页面。代码如下。
4.然后这样就可以实现设置css使两个文本框显示在同一行了。

https://jingyan.baidu.com/article/22fe7cedd64b157102617fd3.html

.box1{display:flex}

你想要的是这个吧!

.“cebianlan”{
float: left;
}
“lunbotu”{
float: left;
}