0

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

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

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

我还为 768px 以下添加了一个 CSS 条件。在这种情况下，我希望子 div 位于其他 div 之下。

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

在这个小提琴中，蓝色 div 位于绿色下方，黄色位于蓝色下方，用于 768 像素以上的窗口浏览器。我不想要这个结果。我希望保持在同一高度（顶部：0；）

我不知道该怎么办 ...

对不起英语，我是法国人

4

1 回答 1

0
  • 3块总是相同的高度？使用CSS表格布局：display: table和display: table-cell(IE8+)
  • a（块显示为a）“单元格”永远不会低于另一个“单元格”，问题已经解决（编辑：在同一隐式行中）
  • 水平居中？margin: 0 auto;在容器上使用
  • 在父 div 的顶部？使用vertical-align: top.
  • 在 768px 下（在 MQ @-rule 中），只需覆盖table(-cell)，display: blockdiv 将表现得像默认 div，一个在另一个之下。也许您还必须覆盖最小/最大高度。
  • 尽可能避免overflow: hidden和（好吧，使用表格......）position: relative

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

于 2013-03-24T21:22:19.513 回答