隐藏溢出

Question

我正在尝试将左侧菜单的背景始终作为页面的长度。 这就是朋友建议我去做的事情，但这对我不起作用。

HTML

    <div class="Wrapper">
        <nav class="DynamicNav">
            <ul>
                <li><a href="AboutMeContact.html">Contact</a></li>
                <li><a href="AboutMeEducation.html">Education</a></li>
                <li><a href="AboutMeWork.html">Work</a></li>
                <li><a href="AboutMeHobbies.html">Hobbies</a></li>
            </ul>
        </nav>
    </div>

CSS

.DynamicNav{
    background:rgb(40,40,40);
    padding-bottom: 3000px;
    margin-bottom: -2990px;
    width:200px;
    min-width: 200px;
    min-height:800px;
    margin-top:-20px;
    float:left;
}

.wrapper{
    overflow: hidden;
    clear: both;
}

您可以在jsfiddle

中看到它

这仍然使背景非常长。 任何帮助将不胜感激。

Answer 1

我不确定我是否理解这个问题，但试试这个：

.DynamicNav{
    background:rgb(40,40,40);
    float:left;
    height: 100%;
    width:200px;
    min-width: 200px;
    min-height:800px;
    margin-top:-20px;
}

.wrapper{
    overflow: hidden;
    clear: both;
}

当高度为100％时，左侧菜单总是占用100％......