css div內div位置

Question

我有一個div主容器，其中包含3個其他div容器。

我想要3個子div保持中心，並始終在同一高度（在父div的頂部）。

我的問題是，當我調整窗口瀏覽器的大小時，子div下其他。我不想要這個。

我還爲768px添加了css條件。在這種情況下，我希望孩子們能夠在其他人之下。

這裏提琴例如：http://fiddle.jshell.net/mCXWs/

在這種小提琴的孩子下的綠色和黃色的藍格去下的藍色窗口瀏覽器上面768px。我不想要這個結果。我想在同一高度的支柱（頂部：0;）

我不知道該怎麼辦......

對不起，英語，我是法國人

Answer 1

• 3塊總同一高度？使用CSS表格佈局：display: table和display: table-cell（IE8 +）
• 一個（顯示爲一個塊）「細胞」將永遠也不能低於另一個「細胞」，問題已經解決了（編輯：同樣的隱行）
• 水平居中？使用容器上的margin: 0 auto;
• 位於父div的頂部？使用vertical-align: top。
• 768px以下（在MQ @ -rule），只需覆蓋table(-cell)display: block，div的行爲就像默認div一樣。也許你也必須重寫min/max-height。
• 避免overflow: hidden和position: relative（良好，表...），只要你能

工作例如：http://fiddle.jshell.net/EEEjg/1/