css - Div 位置：固定在小屏幕上的工作错误

Question

请看这两张图片：

1) http://i.imgur.com/5SotbwA.png

2) http://i.imgur.com/Bj67aV3.png

在第一张图片上，我的画廊菜单位于正确的位置。所有四个按钮都是 div "fixedmenu" 的一部分。下面我有一个较暗的容器，我称之为“menucontainer”。当您查看第二张图片时，您可以轻松理解我的问题 - 我不能只在较暗的 div 上设置我的菜单，但无论使用什么屏幕尺寸，它都是固定的。代码如下所示：

<div id="main">
   <div id="menucontainer">
       <div id="fixedmenu"> buttons are here </div>
   </div>
</div>

我的CSS看起来像这样：

#menucontainer{
   width: 200px;
   height: inherit;
   float: left;
   left: 0;
   background-color: #313131;
}

#fixedmenu{
   margin-left: 5px;
   margin-top: 5px;
   position: fixed;
   width: 200px;
}

你能告诉我我做错了什么吗？非常感谢您的帮助。

Answer 1

你试试这样

添加CSS：

#menucontainer{
   display:block;
   position:relative;
   width: 200px;
   height: inherit;
   float: left;
   left: 0;
   background-color: #313131;
}