css div在div位置内

时间:2013-03-24 20:57:02

标签: css css-float html

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

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

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

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

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

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

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

对不起英语,我是法国人

1 个答案:

答案 0 :(得分:0)

  • 3块总是高度相同?使用 CSS 表格布局:display: tabledisplay: 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: hiddenposition: relative(好吧,表格......),只要你能

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