2

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

我试图把我的代码放在这里：http: //jsfiddle.net/vhZV6/

我还剪掉了一些根本不应该影响的图形 tweeks……这也是我的问题的一个屏幕：

http://imageshack.us/photo/my-images/217/problemrt.jpg/

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

4

3 回答 3

1

我会试试这个。一旦任何高度元素被弄乱，就不再设置“高度：自动”。

min-height:100% !important;
height:auto !important;
于 2012-09-21T17:07:21.020 回答
1

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

.container:before { 
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden; 
}
于 2012-09-21T17:15:10.413 回答
1

尝试添加overflow:auto;到您的.containerdiv。

于 2012-09-21T17:20:21.227 回答