高度：100％背景侧边栏不起作用

Question

如何添加背景高度：100％可以放在一边？

aside,
.side-nav {
    width: 250px;
    float: left;
    margin-right: 15px;
    background-color: #2b2b2b;
}

如何修复侧边栏（旁边）？

Answer 1

使用CSS3，您实际上可以使用＆＃34; vh＆＃34;指定（基于视口高度）。

对于您的示例，您只需添加＆＃34; height：100vh＆＃34;你的css。

Answer 2

我创建了一个小例子。请查看下面的jsfiddle链接。

<https://jsfiddle.net/whfukm5p/>

Answer 3

我认为你需要的是一个固定而不是浮动的导航。

aside, .side-nav { width: 250px; margin-right: 15px; background-color: #2b2b2b; position: fixed; left: 0; top: 0; bottom: 0; overflow: auto; }

高度是基于父元素的相对值，但由于Window没有默认高度，因此无法使用元素的相对高度。

如果你坚持使用相对高度，你需要通过javascript设置或给它一个默认值。