如何在另一个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 id="container">
  <div id="left"></div>
  <div id="right"></div>
  <div id="center"></div></div>

P.S.你也可以向右，然后左，然后中间。重要的是浮在“主”中心部分之前。

P.S.你经常想要最后一次#container这个片段：<div style="clear:both;"></div>会扩展#container垂直地容纳两边浮动，而不是只从#center也有可能让两边凸出底部。