css - 如何在动态驱动器CSS流体/固定布局上强制100％的高度

example fiddle here

我正在使用固定/固定布局。我需要固定的一侧占据页眉和页脚内容之间100％的空间。

我的右栏：

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

最佳答案

因此，您可以使用CSS“ display：table”和“ table-cell”来做到这一点。这是fiddle I got working的副本，但是我所做的是将#rightcolumn嵌套在#contentwrapper div中，然后将其修改为：

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

也“ #rightcolumn”-删除“ float：left;”属性