javascript - Div 背景颜色不填充高度

Question

我正在努力解决以下问题。 我的索引页由 3 个部分组成。 标题 div(屏幕截图中未显示)、菜单 div(屏幕截图左侧)和内容容器 div(屏幕截图右侧)。

如您所见，菜单 div 背景没有垂直填充屏幕的高度。 这是我的菜单 div 代码。 div 还包含一个列表，但我认为这不是解决此问题所必需的。

#menucontainer {
    float:left;
    width:200px;
    background-color:#dddddd;
    position:absolute;
    height:100%;
    overflow:hidden;
}

有人可以帮我解决我做错的事吗？我认为它只是一个小东西，但我找不到它。

谢谢!

Answer 1

试试这个:

#menucontainer {
  position: fixed;
  left: 0;
  top: 0;
  width: 200px;
  margin-top: -2.5em;
  background-color:#dddddd;
}