网页中如何让三个DIV同时并列

1、新建一个html页面，用于实现多个div显示在同一行上。

2、在html代码页面上写两个div标签，并分别给这个两个div标签添加class类，类名分别为：one，two。如下图所示：

3、创建div标签后开始设置两个div的样式，把样式写在style标签里面。css样式代码如下图所示：

4、设置好class类属性后，保存html代码，在浏览器打开html页面，会看到多个div同时并列显示了。

当然，针对div的并列显示方法有多种，这里提供的是一种普通的方法。

方法很多

1.用table表格实现，处理一下border格式就可以了

2.写两个div标签，每个div标签占用一行，每个div标签里划分为width相等的小div保证上下可以对其，小div里写标签就ok

3. 一个大div，width设置为固定，然后自动换行，当里面的小标签数量够多超出最大width的时候就会自动在第二行显示

4.FLEX布局了解一下？

最后，手机打字懒得写代码验证了，提供上面一些思路

并排的话，你需要使用CSS的float属性，然后在设置浮动；

比如

<div style="widht:500px">

<div style="float:leftwidth:200px">左</div>

<div style="float:leftwidth:200px">右</div>

</div>

这样，这个两个DIV标签就在同一行上了（同时靠左），当然有个前提，就是他们俩的父元素的宽度要至少大于400px，这样才能在同一行上。这个结果是两个DIV的右侧会空出100PX的空白

<div style="widht:500px">

<div style="float:leftwidth:200px">左</div>

<div style="float:rightwidth:200px">右</div>

</div>

以上写法，也是在同一行。不同的是，一个靠左，一个靠右。

这里边的两个DIV的中间有100PX的空白。

---