3 div獨立相對和頂部對齊

-1

如何（頂部）對齊3 div應該是相對於以前的div（但不是在他們之間）？
我不能使用浮動或position:inline-block（如果你設置display:none在2個div上最後一個不應該移動）。
position:absolute既不是因爲底下有相對頁腳。
vertical-align:top無法使用跨度 - 任何解決方法？3 div獨立相對和頂部對齊

我試過使用包裝，但它不能工作，因爲div的高度不固定。
無論如何，包裝的高度被完全忽略（通過以下頁腳），除非我使用相對的孩子。

任何想法？

來源

2010-06-12 Knu

視覺效果....請 – 2010-06-12 22:39:30

@meder想象3行：第一行div（100％寬度） - （下面）第二行3 div對齊（第一行）div - 第三行（頁腳100％寬度）/ /我的問題的困難部分是，事實上，第二行的div不應該移動，如果其他人被刪除，事實上，頁腳是相對的（不覆蓋第二行的div） – Knu 2010-06-12 23:00:33

@brock已經在問題中進行了解釋：當您在其中一個div上使用inline-block或float浮動設置「display：none」時，其他div將會移動（除第一個div之外）。 – Knu 2010-06-13 04:19:21

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}

，除非有人想出了一些輕鬆我在24h內接受我的回答

來源

2010-06-13 20:46:59 Knu

3 div獨立相對和頂部對齊

回答

相關問題