Question

用纯CSS怎么让3个或更多的DIV处于同一行？

Answer 1

用纯CSS让3个或更多的DIV处于同一行方法：
可以利用float属性实现多个div处于统一行。
float 属性定义元素在哪个方向浮动。以往这个属性总应用于图像，使文本围绕在图像周围，不过在 CSS 中，任何元素都可以浮动。浮动元素会生成一个块级框，而不论它本身是何种元素。
如果浮动非替换元素，则要指定一个明确的宽度；否则，它们会尽可能地窄。
还可以利用display：inline；将div强制转换为内联元素也可实现多个div处于同一行。

Answer 2

设置div的宽度，添加float:left，或者是right

Answer 3

可以利用float属性实现多个div处于统一行。
例如：

div{
width:30px;
height： 30px;
float：left;
}

float 属性定义元素在哪个方向浮动。以往这个属性总应用于图像，使文本围绕在图像周围，不过在 CSS 中，任何元素都可以浮动。浮动元素会生成一个块级框，而不论它本身是何种元素。
如果浮动非替换元素，则要指定一个明确的宽度；否则，它们会尽可能地窄。
还可以利用display：inline；将div强制转换为内联元素也可实现多个div处于同一行。

Answer 4

浮动float；

<div></div>
<div></div>
<div></div>
<style>
div{width:100px;height:100px;background:red;margin:10px;float:left;}
</style>