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

如题所述

当一个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属性失效了。具体想要什么样式自己调吧。

温馨提示:内容为网友见解,仅供参考
无其他回答
相似回答