Question

帮助！这是我的菜单。我希望它保持在同一个地方，所以如果你调整它或拖动浏览器它不应该按照浏览器并将菜单移到侧面

<div id="mainmenu" style="position: relative;">
<div id="menuLinks" style="position: absolute; right: 70px; top: 10px; ">
<a href="home.php">HEM</a>
<a href="#">PROFILER</a>
<a href="#">BILDER</a>
<a href="#">DISKOTEKER</a>
<a href="#">EVENTS</a>
<a href="#" class="menu_class">KONTROLLPANEL</a>
</div>

仅当我将div主菜单行更改为：

时才有效

<div id="mainmenu" style="position: relative; width: 1200px;">

（给出宽度:)然后它停留在那个地方。但是我不想指定宽度，因为它对于其他一些屏幕分辨率来说太早结束了所以..

我该如何解决这个问题？

Answer 1

使用position: absolute;获取文档中的固定位置（将滚动页面）。

在浏览器窗口中使用position: fixed作为固定位置。（滚动页面时不会移动）

在这两种情况下，请使用left和top指定起始位置。

在任何一种情况下都不需要指定宽度。

position: fixed在IE 6中不起作用。

Answer 2

您可以使用绝对位置并将左侧属性设置为您测量的属性，并删除正确的属性。

但更好的解决方案可能是使用浮动div。但是，如果不查看其余的代码，就无法分辨。

这是一个你可能感兴趣的有趣项目。http://960.gs/

CSS：帮助我的菜单链接不会停留在同一个地方

2 个答案: