最小高度：100％不会像我想要的那样工作

Question

我有一个容器div，竞争3个div，侧边栏，内容和标题，而内部的所有元素都按照应有的方式呈现（如果这可能影响我的问题，它们被定位为“相对”），侧边栏并且内容呈现min-height: 100%根据我的需要，包含它们的div将不会适应这些3个元素，就像overflow: visible一样，而我不希望内容溢出，我想要整个页面滚动和div以适应内容大小...

我尝试将代码放在此处：http://jsfiddle.net/vhZV6/

我还删掉了一些根本不应该影响的图形界面......这里也是我的问题屏幕：

我不需要在这个问题上进行旧的浏览器集成（如IE 5/6）。

Answer 1

我会尝试这个。一旦任何高度元素混乱，就不再设置'height：auto'。

min-height:100% !important;
height:auto !important;

Answer 2

这是一个非常简单的问题：你的内部div是浮动的。解决方案非常简单，只需将以下内容添加到您的css中（无论何时有浮动div，这都是最佳解决方案）：

.container:before { 
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden; 
}

Answer 3

尝试将overflow:auto;添加到.container div。