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

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

1 个答案: