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

时间：2013.04.14 发布人：twtsf115
使用CSS如何让两个div并排显示

已解决问题

谷歌twtsf115用户在2013.04.14提交了关于“宝马x5使用CSS如何让两个div并排显示”的提问，欢迎大家涌跃发表自己的观点。目前共有1个回答，最后更新于2024-08-28T18:35:56。希望大家能够帮助她。

详细问题描述及疑问：期待您的答案，不知道说什么,送你一朵小红花吧 ！

希望以下的回答，能够帮助你。

第1个回答

用户名：qq543346  

方法一：把div设为“行内块级元素”：

<style>
div{display:inline-block;border:1pxsolid#来自000}
</style>
<d问答iv>第一个div</病div>
<div>第二个d儿抗笑如稳iv</div>

方法二：使用浮动：

<style>
div{float:left;border:1pxsolid#000}
br{clear:both}
</style>
<div>第一个div</div>
<div>第二个div</div>
<br/>

方法三：使用flex布局：

<style>
.main{display:flex;flex-半胡土答欢跑布direction:row;}
.sub{border:1pxsolid#000}
</sty更象le>
<divclass=main>
<divclass=sub>第一个div</div>
<divclass=s片精含修ub>第二个div</div>
</div>

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