CSS动态垂直高度

Question

我正在为我的网站设计新的布局，我希望用户能够更改视图。一个视图是一个540像素高的静态水平/垂直居中。第二个不再是垂直居中，并允许内容定义高度。

它目前正在使用第一个选项，但在第二个选项中，实用程序列（2011 Browsers Usage Stats）并未填满整个高度。有针对这个的解决方法吗？

我不知道你想要多少源代码。我列出了一个链接到我的网站和下面的CSS代码的差异。

My Website

第一个选项（当前工作）：

#floater { 
    margin-bottom: -27em; /* vertical center - half of container's height */ 
    height: 50%; /* vertical center */ 
} 
#wrapper { 
    height: 54em; /* vertical center */ 
} 
#content { 
    height: 33em; /* static height */ 
} 

第二个选项（不工作）：

#floater { 
    margin-bottom: 0em; /* vertical top */ 
    height: auto; /* vertical top */ 
} 
#wrapper { 
    height: auto; /* vertical 100% */ 
} 
#content { 
    height: 100%; /* dynamic height */ 
} 

Answer 1

考虑你在做什么对你是什么说：

#content { 
    height: 100%; /* dynamic height */ 
} 

但在第二个选项，实用列（2011年浏览器使用情况统计）没有填满整个高度

你只能选择一个。你想要它填满整个高度还是动态的？