左栏溢出进入和超过页脚

Question

我有一个左栏，左侧是一个容器div，位于以下样式：

.left-column {
    top: 0;
    left: 0;
    width: 30vw;    
    border-right: 1px solid #DCDCDC;
    min-height: 100%;
    position: absolute;
}

我还在页面底部有一个页脚，使用页脚推送方法将其推到底部：

.footerWrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin-bottom: -155px;
}

.footer, .footerPush {
    height: 155px;
    @media screen and (max-width: 991px) {
    height: 390px;
    }

}

当左列的文本内容流过页面的高度时，不是向下推页脚并且需要向下滚动，而是只是溢出到页脚的上方。

如何解决此问题，以便左列中的内容将页脚向下推？

编辑：左栏的HTML：

<div class="belowHeader">
<div class="container whitebg profileMain">
<div class="left-column">
...
</div>
</div>
</div>

页脚HTML：

<div class="footerPush"></div>
<footer>
....
</footer>

belowHeader的CSS：

.belowHeader {
    @media screen and (max-width: 767px) {
    padding-top: 233px;
    }
    padding-top: 103px;
    position: relative;
}