HTML页面根据内容延长

Question

我正在使用php，html和css构建一个站点。我主要在我定义为mainContent的空间中编写，如下所示：

.mainContent{
    padding-top: 10px;
    height: 74%;
    width: 70%;
    position: absolute;
    margin-top: 95px;
    margin-right: 100px;
    margin-left: 250px;
    padding-left: 10px;
}

我的页脚看起来像是：

.footer{
    text-align: center;
    position: absolute;
    bottom: 5px;
    width: 87.2%;
    height: 40px;
    margin-right: 100px;
    margin-left: 25px;
}

但是，每当我键入足够的页面需要滚动时，文本将继续经过mainContent块的末尾并在页脚块下面。反正有没有让mainContent块向下扩展[在文本结束后留下一点空间]并且页脚块也向下移动？
感谢

Answer 1

从mainContent中删除“height”