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;
}

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

提前Thanx！

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

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

Fiddle

您提供的css已经显示您的代码必须混乱，使用float和position absolute一起使用很奇怪，您的min-height和max-height已超过100%

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

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

2 个答案: