CSS怎么设分别置大DIV里面的3个并排小DIV靠左 居中 靠右！

1、可以使用flex布局快速实现这个效果。具体的方法是，首先打开hbuilder编辑器，新建一个文件，写入一个大的div，里面在包裹3个小div，给大div的class属性命名为container，小div命名为child：

2、然后在上方设置样式，先给外围的div设置宽度为600px以及display属性为flex，然后设置方向属性flex-direction为横向，接着设置小div的宽度为200px，再设置flex属性的值为1，意思是所占比例为1，最后调整一下背景颜色，字体大小就可以了：

3、最后打开浏览器，即可看到3个等份的div了：

是这样吗？

.big{ width:600px; height:102px; position:relative; background:#ccc; text-align:center;}

.small1,.small2,.small3{ width:100px; height:100px; border:1px solid red; }

.small1{ position:absolute; left:0; top:0;}

.small2{ margin:0 auto;}

.small3{ position:absolute; right:0; top:0;}

small1