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

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 link：

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

Answer 2

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

Fiddle

你提供的 css 已经表明你的代码一定很乱，一起使用 float 和 position absolute 很奇怪，而你的 min-height 和 max-height 是超过 100%.

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

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

change sidebar height by page length

html

css

webshop