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

Question

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%;
}

Answer 1

所以你可以用 css "display: table"和 "table-cell"来实现。这是 fiddle I got working 的副本，但我所做的是将您的#rightcolumn 嵌套到#contentwrapper div 中，然后这样修改CSS:

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

还有“#rightcolumn”——删除“float: left;”属性