如何让div并排

时间：2015.10.25 发布人：bvjzr
如何让div并排

已解决问题

谷歌bvjzr用户在2015.10.25提交了关于“本田cr-v如何让div并排”的提问，欢迎大家涌跃发表自己的观点。目前共有1个回答，最后更新于2024-08-28T15:29:53。希望大家能够帮助她。

详细问题描述及疑问：期待您的答案，你是我的宝贝,你是我的花,谢谢你对我的帮助！

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

第1个回答

用户名：支持Irons  

1、在需要的html页面的body部分敲入代码，基本上是一个父级DIV下面有三个子级DIV。

<div>
<div></div>
<div></div>
<div></div>
</div>

2、然后在三个子div中输入文字，然331215问答后在浏览器中测试，查看普效教情乎色效果，可以看到默认情况下三个div是竖排显示的。

<div>
<d抗煤倍杆远iv>明天</div>
<div>你好</div>
<div>牛奶咖啡</div>
</div>

3、接下来对三个div进行class设置，如下图所示。

4、然效校坐胡后只需要为三个中的前两个设置float:left属性，最后一个设决酒都低守众表副施率收置float:right属性，或者是float:l慢立马思送呼元层酒eft属性，都可以实现并排排列。

5、之后再到浏览器中查看，就可以发现三个div并排显示了。如下图所示。