css两个div在一行

在CSS中，使两个div在一行的最简单的方法是使用float属性。

<div style="float:left;width:50%;">第一个div</div>
<div style="float:left;width:50%;">第二个div</div> 

这段代码中，我们给两个div都设置了float:left，使它们都浮动在左侧；同时通过width属性设置两个div的宽度都为50%，这样就能够使它们平分一行。

当然，我们也可以通过display:inline-block实现同样的效果：

<div style="display:inline-block;width:50%;">第一个div</div>
<div style="display:inline-block;width:50%;">第二个div</div> 

这段代码中，我们给两个div都设置了display:inline-block属性，并通过width属性设置它们都占用一半的宽度。

需要注意的是，当我们使用float属性时，需要清除浮动以防止产生一些奇怪的布局问题。一个常见的清除浮动的方式是在两个div后面加上一个clear:both的空div：

<div style="float:left;width:50%;">第一个div</div>
<div style="float:left;width:50%;">第二个div</div>
<div style="clear:both;"></div> 

这样就能够使我们的布局更加稳定，不受外界因素的影响。