css - 分区位置 :fixed works wrong on small screens

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;
}