想要让多个div元素并列成一行，可以将div元素的float属性设置为left。但这样做还不够，应为当浏
览器的宽度小于这几个div的宽度总和时还是会有div会跑到底部，所以需要将想要并列的div元素套
在另外一个大div里，当然，这个大div宽度要大于并排div宽度的总和。这样子，就可以做到怎么变
换窗口大小时div都不会跑到下面了。
以下是具体演示步骤：
1、打开一个HTML文件编辑器。先在里面输入HTML的基本元素。
2、在body标签里添加一个大div来容纳并列的div。
3、在大div里添加想要并列的div元素，并在style属性里添加float：left即可
4、运行效果。
上面为效果图，用ul、li的方法详细写法：
css代码：
.demoBox {
width:204px
}
.demoBox li {
float: left
width:100px
border: 1px solid #999
}
.demoBox li.demoLi {
width: 202px
}
html代码：
<ul class="demoBox">
<li>1</li>
<li>2</li>
<li class="demoLi">3</li>
</ul>
总体思路就是利用宽度和浮动来实现，给ul一个固定的宽度，第一行显示的li平分这个宽度，后面的li因为没有位置就自动去了第二行，让它独占一行，就可以实现这个效果。
以上，希望对你有帮助。
