如何将两个div并列排在同一行

时间：2013.10.30 发布人：6d1d7i9o1
如何将两个div并列排在同一行

已解决问题

谷歌6d1d7i9o1用户在2013.10.30提交了关于“超级英雄如何将两个div并列排在同一行”的提问，欢迎大家涌跃发表自己的观点。目前共有1个回答，最后更新于2025-03-02T21:56:27。希望大家能够帮助她。

详细问题描述及疑问：期待您的答案，千言万语,表达不了我的感激之情,我已铭记在心 ！

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

第1个回答

用户名：chenyanfang914  

使用css的f问答loat样式就可以实现将后DIV并列排在同一行，代码如下：

<style>
.box1{width:100px;float:left;disp笔装注利胶高劳做需lay:inline;border:red1pxsolid;}
.box2{width:100px;float:left;display:inline;border:最green1pxsolid;}
</style>
<di量坏深看vclass="container">
<divclass="box1">121212</一抓胞责病div>
<divc管露买额经息升布顺宗lass="box2">455656</div>
</div>

效果如下：

相关说明：

float属性定义元素在哪个方生真两州甚之端换运向浮动。

可能的值

值描否述

left元素向左浮动。

right元素向右浮动。

none默认值。元素不浮动，并会显示在其在文本**现的位置。

inherit规定应该从父元素继承float属性的值。