css - 隐藏溢出

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%...