当一个div中包含两个div ,这个两个div怎么才能排成一排?

 我来答
hkylliu
2018-04-12 · TA获得超过5855个赞
知道小有建树答主
回答量:63
采纳率:0%
帮助的人:4万
展开全部

当一个div中包含两个div ,这个两个div排成一排的方法有:

1、采用浮动,只是这两个div要两个都浮动才行。如都左浮动:

代码

[html] view plain copy

<span style="font-size:18px;"><body>  

<div style="background-color:red;width:200px;float:right;">DIV1</div>  

<div style="background-color:yellow;width:200px;float:right">DIV2</div>  

</body></span>  

效果

2、给两个div都设置display:inline属性。

代码

[html] view plain copy

<span style="font-size:18px;"><body>  

<div style="background-color:red;width:200px;display:inline"">DIV1</div>  

<div style="background-color:yellow;width:200px;display:inline">DIV2</div>  

</body></span>  

效果

好,成功了,但是两个div的width属性失效了。具体想要什么样式自己调吧。

推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式