html - 按页面长度更改侧边栏高度

Question

我正在建立一个网上商店，左侧有一个带有导航栏的侧边栏。但是背景（棕色）必须填满整个左侧，但如果我的页面较长，它不会覆盖整个左侧。

这是我的背景 CSS：

.sidebar {
    z-index:            10;
    border-top:         2px #000000; 
    position:           absolute; 
    float:              left; 
    left:               0; 
    margin-top:         -5%; 
    padding-bottom:     -10px; 
    width:              15%; 
    min-height:         115%;
    max-height:         200%;
    background:         #C6A970;
}

有谁知道如何覆盖我网页的左侧？

提前谢谢！

Answer 1

请试试这个：

使用这个 CSS：

   .sidebar {
        z-index:            10;
        border-top:         2px #000000; 
        position:           absolute; 
        float:              left; 
        left:               0;
        bottom:             0; 
        margin-top:         -5%; 
        padding-bottom:     -10px; 
        width:              15%; 
        min-height:         100%;
        background:         #C6A970;
    }

或参考下面的 jsfiddle 链接：

https://jsfiddle.net/89f074ke/1/

Answer 2

根据您提供的信息，您可能会搜索类似的内容：

小提琴

您提供的 css 已经表明您的代码一定很乱，一起使用floatandposition absolute很奇怪，而您的min-heightandmax-height已经结束了100%。

如果您提供完整的代码，我们可以提供更好的帮助。