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/