如何在另一个div中对齐3 div(左/中/右)？

Question

如何在另一个div中对齐3 div(左/中/右)？

我希望在容器div中对齐3个div，如下所示：

[[LEFT]       [CENTER]        [RIGHT]]

容器div为100%宽(没有设置宽度)，中心div在调整容器大小后应保持在中心。

所以我决定：

#container{width:100%;}#left{float:left;width:100px;}#right{float:right;width:100px;}#center{margin:0 auto;width:100px;}

但它变成了：

[[LEFT]       [CENTER]              ]
                              [RIGHT]

有小费吗？

Answer 1

使用该CSS，将您的div设置为这样(先浮动)：<div&nbsp;id="container"> &nbsp;&nbsp;<div&nbsp;id="left"></div> &nbsp;&nbsp;<div&nbsp;id="right"></div> &nbsp;&nbsp;<div&nbsp;id="center"></div></div>P.S.你也可以向右，然后左，然后中间。重要的是浮在“主”中心部分之前。P.S.你经常想要最后一次#container这个片段：<div style="clear:both;"></div>会扩展#container垂直地容纳两边浮动，而不是只从#center也有可能让两边凸出底部。