扩展我的div超出内容

Question

我的主要内容区域左侧有一个侧边栏div，下面有一个页脚。如何将我的侧栏div和主要内容div扩展到我的页脚而不填充内容？

Answer 1

我认为您正在寻找min-height CSS属性。我不确切知道标记是如何构造的，但将它应用于div（left和main）或周围的容器应该这样做。

如果您需要在旧版本的IE中使用它，您应该查看其中一个CSS黑客，如：http://www.dustindiaz.com/min-height-fast-hack/

Answer 2

这是你要找的吗？

<div style="width:80%; margin:0 10% 0 10%">
     <div style="background:red; width:20%; float:left">side</div>
     <div style="background:blue; width:80%;float:right">main</div>
     <div style="background:green; clear:both;">footer</div>
</div>