使用CSS如何让两个div并排显示
发布网友
发布时间：2022-04-22 13:05
共1个回答
热心网友
时间：2022-04-20 20:45
方法一：把div设为“行内块级元素”：
<style>div {display:inline-block; border:1px solid #000}
</style>
<div>第一个div</div>
<div>第二个div</div>
方法二：使用浮动：
<style>div {float:left; border:1px solid #000}
br {clear:both}
</style>
<div>第一个div</div>
<div>第二个div</div>
<br/>
方法三：使用flex布局：
<style>.main {display:flex; flex-direction:row;}
.sub {border:1px solid #000}
</style>
<div class=main>
<div class=sub>第一个div</div>
<div class=sub>第二个div</div>
</div>
还有其他多种方法实现，就不一一列出了
