HTML如何并列div？求详细解答

以下是具体演示步骤：1、打开一个HTML文件编辑器。先在里面输入HTML的基本元素。2、在body标签里添加一个大div来容纳并列的div。3、在大div里添加想要并列的div元素，并在style属性里添加float：left即可4、运行结果如下图。无论如何变换浏览器宽度，div都是一行展示出来。

div属于块元素，通俗的讲，块元素会占一整行。如果让一行显示两个div有两种方法。

1、让两个想并排的div的转换成行内元素

div{display:inline}

2、让两div设置固定宽度，然后让其浮动显示即可。

div{width:50%float:left}

注意也可将div宽度设置成像素宽度，但两个div的宽度加起来不能大于父级div的宽度，只能 小于或等于。

---