引导者本文目录一览：
CSS如何设置并排显示
1、首先css两个元素并排我们如图所示css两个元素并排的web结构即一个html和css即可实现。打开html页面 定义一个大的div和两个小div 。两个小div的宽度小于等于大div的宽度，即可实现并排了。
2、使用cssfloat并排显示：对div设置一个float浮动属性即可解决不并排显示，只要并排div盒子总宽度小于或等于最外层盒子宽度即可实现多个div对象并排显示。加float浮动实现多个div并排显示。
3、打开一个HTML文件编辑器。先在里面输入HTML的基本元素。在body标签里添加一个大div来容纳并列的div。在大div里添加想要并列的div元素，并在style属性里添加float：left即可 运行效果。
css中两个div并排排列,宽度之和大于父div的宽度,怎么办?
首先我们如图所示的web结构即一个html和css即可实现。打开html页面 定义一个大的div和两个小div 。两个小div的宽度小于等于大div的宽度，即可实现并排了。
使用css float并排显示：对div设置一个float浮动属性即可解决不并排显示，只要并排div盒子总宽度小于或等于最外层盒子宽度即可实现多个div对象并排显示。加float浮动实现多个div并排显示。
首先，a和b两个div的宽度相加不能大于父层的div宽度，否则折行。其次，标准写法a和b都要设置float：left。然后为了兼容浏览器需要增加一个clear的样式放在ab两个div的下面。
float：left； 定义div 的浮动，当这两个或者更多的div 都是float：left；时，那么它们就会在父元素的框内顺序从左到右排列，而当它们的宽度和大于父元素的宽度时，那么多余出来的div 会被挤换行。
如何使两个div平行
1、首先我们如图所示的web结构即一个html和css即可实现。打开html页面 定义一个大的div和两个小div 。两个小div的宽度小于等于大div的宽度，即可实现并排了。
2、其实在div标签中加入float：left属性即可。
3、div是块级元素，默认情况下是单独占用一行的。你想让两个div水平放置，就得改变div的display属性。
