Container Div无法扩展到内部div内容

我一直在寻找整夜，并且我必须做错误的事情，因为我已经看到过这个问题或类似的内容。我很抱歉需要再次提问。Container Div无法扩展到内部div内容

我有一个容器股利，其中包含一些其他股利，这是不扩大与内部股利内容。代码可以在这里找到：http://jsfiddle.net/pR7bq/

我不能删除身高：100％;来自#container，因为它也需要容纳较少的内容。我已经看到提及使用

<br style="clear:both" />

但我使用不正确或它不工作。我发现这写得很好，回答相同或类似的问题在这里：What methods of ‘clearfix’ can I use?，但是，我不知道在哪里放置代码。我最好的尝试失败了。我也尝试过使用溢出属性，但我不希望滚动条出现在div而不是页面上，如果这样做合理的话。

我感谢所有帮助，并提前谢谢。

2013-03-12 dosi5127

当我使用高度：自动; 它适合于内容，但是当内容非常少时，它不会延伸到查看窗口的底部。 @Rohit Azad，最小高度作品BRILLIANTLY！非常感谢你的帮助！ – dosi5127 2013-03-12 18:16:08

现在用于min-height不是高度

像这样

#container{ 
height:100%; // remove this line 
min-height:100%; // add this line 
}

2013-03-12 04:16:09

使用此为您的容器造型：

#container{ 
    width:80%; 
    background:#f6f6f6; 
    height:auto; 
    margin: 0 auto; 
}

通过使用高度自动，浏览器尝试确定将涵盖其所有子元素的高度。

当您使用height：100％时，它根据元素容器的父高度确定高度。

2013-03-12 02:25:33 npage

请不要只是提供代码作为您的答案。 – 2013-03-12 02:27:14

我通常只是抛出这样一类在我的CSS

.iefix{ clear: both;font-size: 1px;}

然后我把它扔到div的下一个div未在IE

行为

<div class="wrap"> 
    <div class="left"> 
    </div> 
    <div class="right"> 
    </div> 
    <div class="iefix"></div> 
</div>

2013-03-12 02:26:29 mmeasor

使用高度自动或不定义高度为您解决问题

2013-03-12 06:38:54

回答