css - 動的ドライブCSS流動/固定レイアウトで100％の高さを強制する方法

Question

ここでフィドルの例

流動的/固定レイアウトを使用しています。ヘッダーとフッターのコンテンツの間のスペースを 100% 占有する固定側が必要です。

私の右の列：

#rightcolumn{
float: left;
width: 200px; /*Width of right column in pixels*/
margin-left: -200px; /*Set left margin to -(RightColumnWidth) */
background: #FDE95E;
height:100%;
}

Answer 1

したがって、cssの「display：table」と「table-cell」を使用してそれを行うことができます。これが私が作業したフィドルのコピーですが、私がしたことは、＃rightcolumnを#contentwrapper divにネストしてから、cssを次のように変更することでした。

#contentwrapper{ display: table; }
#rightcolumn{ display: table-cell; }
#contentcolumn{ display: table-cell; }

また、「＃rightcolumn」-「float：left;」を削除します 財産