定義されたグリッドコンテナの上から下に上から下にコンポーネントを積み上げる方法は？

Question

グリッドとオブジェクト指向のCSSを使用してテンプレートを作成しています。目標はコンテナからコンポーネントを分離することです。ヘッダーとフッターのコンテナでは、コンポーネントが上から下に積み重ねられていて、上から下に積み重ねられているということです。例で

例えば

<div class="gridX gridY" id ="Footer container"> 
     <div id = "links component"></div> 
     <div id="copyright component"></div> 
    <div> 

要件は、「著作権成分が」上に積み重ね他のコンポーネント以下（ページ）とフッタ容器の底でなければならないことです。今私が行う方法を知っている唯一の方法は、コンポーネントの高さを固定しておくことです。これにより、必要に応じて各コンポーネントの位置を計算し、上から下に動作させることができます。この方法では、oocsの目標に反する - 高さの柔軟性を持ちながらレイアウト内のコンポーネントを交換できる

display：table - > display：垂直整列のテーブルセル：IEが下部で動作しないソリューションは当てはまりません。

グリッドやoocsの新機能ですが、多少の理解が不足しています。

定義済みのグリッドコンテナにコンポーネントを上から下に上にではなく上から上に積み上げる方法は？

は、 Margots

Answer 1

HTMLは、トップダウン技術です、ありがとうございました。

高さは柔軟にすることができます。 min-height:を使用し、コンテンツを自然に成長させます。

レイアウト用のテーブルを使用しないでください。 CSSは必要なすべてを実行できます。