Question

我正在为我公司的网站工作。右边有一个div，它是灰色的，一直延伸到底部。它适用于除此之外的每个页面。我无法弄清楚为什么它不会延伸到页脚。我为它创建了一个jsfiddle。如果您检查小提琴中的div，您会注意到.leftSide，.mainWrap和.paddingWrap不会向下延伸到顶部的“Brochures”标题。我可以这样说，因为当我将鼠标悬停在html中的每个div上时，蓝色和紫色只覆盖“手册”标题。我认为这就是欺骗。直到不应该向下延伸。我已尽力删除与我的问题无关的小提琴中的所有代码。

Fiddle

Relavant 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/

右侧div没有填满右侧

1 个答案: