3 div独立相对和顶部对齐

Question

如何（顶部）对齐3个div应该相对于前一个div（但不是它们之间）？ 我不能使用浮点数或position:inline-block（如果你在2个div上设置display:none，则最后一个不应该移动。）
position:absolute因为下面有一个相对的页脚 vertical-align:top无法使用跨度 - 任何解决方法？

我尝试使用包装但它无法工作，因为div的高度不固定 无论如何，包装器的高度完全被忽略（由下面的页脚），除非我使用相对的孩子。

有什么想法吗？

Answer 1

<强> HTML
顺序很重要，包装器是可选的（定位侧面div）

<div id="wrapper">
<div id="left"></div>
<div id="right"></div>
<div id="middle"></div>
</div>
<div id="footer"></div>

<强> CSS

#left {float:left}
#middle {margin:0 auto}
#right {float:right}
#footer {clear:both}

除非有人提出更容易的事情 我24小时接受了我的回答