向下滚动时高度减少

时间:2013-09-11 06:53:50

标签: css

我正在使用左侧管理面板,我希望高度为100%,这样它不仅在窗口中显示100%,而且当您滚动它时,它不应该切出。 但是当我滚动它时,我的左侧面板正在切断。这是css:

.adminmenuback {
    width: 30%;
    background: url(../images/leftpanel_bg.png) left top repeat-y;
    background-size: 100% 100%;
    color: #fff;
    position: absolute;
    top: 0;
    bottom: 0;
    height: 100%;
}

事情是左侧面板中必须有一个手风琴,因此左侧面板中可以有大量的列表。我想让窗口在左侧面板中的内容增加时简单地滚动。我试图使用position:relative,但在其中,height:100%不起作用,高度根据内容增加。我也不能使用position: fixed,因为我想在左侧面板增加内容时发生滚动,还因为我不想在左侧面板上专门滚动。

这里是小提琴:http://jsfiddle.net/sBU2q/

1 个答案:

答案 0 :(得分:0)

position: absolute;更改为position: fixed;。它会起作用