Html 填充剩余高度边栏

所以我的问题是，我的侧栏比页面的其他部分有另一种颜色。 我的侧边栏应该用颜色100%填充边：#1a2327和#20282b。所以它看起来就像是导航按钮，一直到页面的末尾

我试过设置一个高度为100%的

，但似乎不起作用。此外，我还尝试添加了另一个

，并对其进行了不同的样式设置，高度也为100%，但这也不起作用

高达100%，但这似乎不起作用。此外，我还尝试添加另一个

一些html：

<nav class="sidebar">
<ul>
    <li>
        <a href="faqhtp.php">
            <span class="icon">
                <i class="fa fa-exclamation"></i>
            </span>
            <span class="expanded-link">FAQ & How to Play</span>
        </a>
    </li>
    <li>
        <a href="fair.php">
            <span class="icon">
                <i class="fa fa-link"></i>
            </span>
            <span class="expanded-link">Provably Fair</span>
        </a>
    </li>
    <li>
        <a href="tos.php">
            <span class="icon">
                <i class="fa fa-file-text"></i>
            </span>
            <span class="expanded-link">Terms of Service</span>
        </a>
    </li>
    <li>
        <a href="support.php">
            <span class="icon">
                <i class="fa fa-comment-o"></i>
            </span>
            <span class="expanded-link">Support</span>
        </a>
    </li>
</ul>
</nav>

试试这个

.sidebar {
width:200px;  
height: 800px;
border-right: 1px solid #292c31;
background:#20282b;
}
.sidebar ul {
width:100%;
height:100%;
margin: 0;
padding: 0;
background-color: #1a2327;
}
.sidebar li {
display: block;
list-style-type: none;
margin: 0;
padding: 0;
color: white;
}

试试这个

.sidebar {
width:200px;  
height: 800px;
border-right: 1px solid #292c31;
background:#20282b;
}
.sidebar ul {
width:100%;
height:100%;
margin: 0;
padding: 0;
background-color: #1a2327;
}
.sidebar li {
display: block;
list-style-type: none;
margin: 0;
padding: 0;
color: white;
}

---

那是行不通的。这三个部分（游戏、帐户、附加功能）刚刚向下扩展了很多…你能创建一个工作的代码吗，因为我在你提供的代码中找不到游戏、帐户，但在图像中它是可见的。我不能创建JSFIDLE，因为我包含了字体和其他内容。因此，当我将侧边栏粘贴到其中时，侧边栏完全被f*cked了。但你可以在这里看到这个网站：我只有大约25分钟的时间才能离开。因此，该网站将关闭大约一天的剩余时间。（兄弟生日）@zerovacpls.sidebar{background color:#1a2327；}这将填满你的侧边栏底部。这修复了部分问题。现在我需要做同样的事情，但图标。就像图标所在的小盒子一样，也需要向下展开。这不起作用。这三个部分（游戏、帐户、附加功能）刚刚向下扩展了很多…你能创建一个工作的代码吗，因为我在你提供的代码中找不到游戏、帐户，但在图像中它是可见的。我不能创建JSFIDLE，因为我包含了字体和其他内容。因此，当我将侧边栏粘贴到其中时，侧边栏完全被f*cked了。但你可以在这里看到这个网站：我只有大约25分钟的时间才能离开。因此，该网站将关闭大约一天的剩余时间。（兄弟生日）@zerovacpls.sidebar{background color:#1a2327；}这将填满你的侧边栏底部。这修复了部分问题。现在我需要做同样的事情，但图标。就像图标所在的小盒子一样，也需要向下展开。