我想让 3 个 div 在容器 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]
有小费吗？
使用该 CSS，将您的 div 像这样放置（首先浮动）：
<div id="container"> <div id="left"></div> <div id="right"></div> <div id="center"></div> </div>
PS 您也可以向右浮动，然后向左浮动，然后居中。重要的是花车出现在“主要”中心部分之前。
PPS 您通常希望在#container此代码段中的最后一个：<div style="clear:both;"></div>它将#container垂直延伸以包含两侧浮动，而不是仅从底部获取高度，#center并可能允许两侧突出底部。
#container
<div style="clear:both;"></div>
#center
