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