html - 使 DIV 随内容展开而不是滚动

Question

嘿，我正在开发一个网站，我很早就遇到了一个问题，我添加了溢出:自动；到我所有的主要类 .header .content .footer 因为我有一些背景和功能区错误，它立即清理了。

但是我最近发现，由于这个属性，当 .content 类有足够的内容时，它会滚动而不是继续扩展(我尝试过 height:auto; 和 height:100%;)，如果我禁用溢出:auto;内容继续位于我的 .footer 之上，我的丝带和背景也乱七八糟。

我不确定是否可以强制 div 展开，或者是否必须重新设计所有 CSS？

这不是一个大问题，网页仍然可以滚动，但肯定有解决办法。

}

.Header
{
width:  100%;
overflow: auto;
padding-top: 80px;
background: rgb(45, 55, 60);
}

.Content
{
width:  100%;
overflow: auto;
padding-top: 50px;
background: rgb(255, 250, 240);
}

 .Footer
{
width:  100%;
overflow: auto;
padding-top: 30px;
background: rgb(250, 250, 250);
}

我想这也可能是内容，但我真的很茫然，在过去的 4 个小时里一直在搜索，认为发布可能是明智的。

Answer 1

从所有类中删除 overflow: auto;。它们应该根据自身内部的内容进行扩展。

http://jsfiddle.net/BGLMJ/4/