你可以将两个 div 元素设置为 display: inline-block
,这样它们就可以在同一行显示。
还可以使用 float
属性,将其中一个 div 元素浮动到左边,另一个浮动到右边。
另外,还可以使用 flex 布局,将两个 div 元素设置为水平排列。
示例代码:
<style>
.container {
display: flex;
}
.left {
flex: 1;
}
.right {
flex: 1;
}
</style>
<div class="container">
<div class="