0

他の 3 つの div コンテナーを含む div メイン コンテナーがあります。

3 つの子 div が中央にあり、常に同じ高さ (親 div の上部) にあることを望みます。

私の問題は、ウィンドウ ブラウザのサイズを変更すると、子 div が他の div の下に移動することです。私はこれをしたくありません。

また、768px 未満の CSS 条件を追加します。この場合、子 div を他の div の下に配置したいと思います。

ここにフィドルの例があります: http://fiddle.jshell.net/mCXWs/

このフィドルでは、768px を超えるウィンドウ ブラウザーの場合、青の div が緑の下に、黄色が青の下に表示されます。私はこの結果を望んでいません。ステーを同じ高さにしたい（上：0;）

どうすればいいのかわからない...

英語でごめんなさい、私はフランス人です

4

1 に答える 1

0
  • 常に同じ高さの 3 つのブロック? CSSテーブル レイアウトを使用:display: tableおよびdisplay: table-cell(IE8+)
  • (a として表示されるブロック)「セル」は別の「セル」の下に移動することはありません。問題は既に解決されています (編集: 同じ暗黙の行で)
  • 横中心？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/

于 2013-03-24T21:22:19.513 に答える