Question

使用CSS如何让两个div并排显示

Answer 1

方法一：把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>

还有其他多种方法实现，就不一一列出了