css div在div位置内

Question

我有一个div主容器，其中包含另外3个div容器。

我希望3个孩子div保持居中并始终在同一高度（在父div的顶部）。

我的问题是当我调整窗口浏览器的大小时，子div会在另一个下面。我不想要这个。

我还为768px以下添加了css条件。在这种情况下，我希望孩子div在其他人之下。

这是一个小提琴示例：http://fiddle.jshell.net/mCXWs/

在这个小提琴中，蓝色div在绿色下方，黄色在蓝色下方为768px以上的窗口浏览器。我不想要这个结果。我希望逗留在同一高度（顶部：0;）

我不知道该怎么做......

对不起英语，我是法国人

Answer 1

• 3块总是高度相同？使用 CSS 表格布局：display: table和display: table-cell（IE8 +）
• a（显示为a的块）“cell”永远不会低于另一个“cell”，问题已经解决（编辑：在同一个隐含行中）
• 水平居中？在容器上使用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/