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