html - 右侧div没有填满右侧

Question

我正在为我的公司开发网站。我右边有一个 div，它是灰色的，向下延伸到底部。它适用于除这一页以外的每一页。我不明白为什么它不会延伸到页脚。我为它创建了一个 jsfiddle。如果您检查 fiddle 中的 div，您会注意到 .leftSide、.mainWrap 和 .paddingWrap 没有向下延伸超过顶部的“宣传册”标题。我可以这么说，因为当我将鼠标悬停在 html 中的每个 div 上时，蓝色和紫色仅覆盖“宣传册”标题。我认为这就是诱使 .rightSide 不向下扩展它应该去的地方的原因。我已尽力删除 fiddle 中与我的问题无关的所有代码。

Fiddle

相关 CSS:

section.rightSide
{
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    min-height: 900px;
    /*float: right;*/
    width: 238px;
    background: rgba(200, 200, 200, 0.7);
    padding: 15px 5px 25px;
    z-index: 1;
}

.leftSide 
{
    padding-right: 248px;
    padding-top: 15px;
}

.paddingWrap
{
    padding: 15px 70px;
}

section.mainWrap
{    
    width: 100%;
    margin: 0 auto;
    font-size: 1.2em;
}

Answer 1

你需要把它放在你的 CSS 中:-

.main-content {
     overflow: hidden;   
}

参见 http://jsfiddle.net/gyzhZ/2/