导航不会显示在 DIV 中

Question

我敢肯定这是一个过度使用的导航。老实说，我正在使用它来编辑我想要的内容，但我错过了主要目标;在我的页面中获取它。我已经尝试了几个小时的所有内容，但无法让它正确显示在我页面上的div 中。希望有人能看到我错过了什么。

JSFiddle

请转到我的测试页面，看看它应该是什么样子：http://imengine.gofreeserve.com/fileshare/fileshare2/test/testlogin.html

以及它在这里实际做什么（不知道如何将图像放入 jsfiddle）：由于我只能发布 2 个链接，因此它是上面的链接，除了文件共享/文件共享2/索引 2.php

Answer 1

查看 fileshare2/index2.php 页面，我可以看到您的问题。Janko 以曲速菜单栏区域显示的下拉菜单大小不正确。这源于菜单.css最小宽度属性。要更正指向指定框之外的下拉菜单，请更改 menu.css 的 ul 属性：

ul {
cursor: pointer;
list-style-type: none;
margin: 0;
min-width: 200px; /* change this to 150px instead */
padding: 0;
}

可以通过对#menu li应用padding: 0;样式来删除"登录"和"帮助"菜单周围的多余填充。这应该使您正在使用的菜单看起来像您想要的那样，不包括无样式的"主页"，"项目"和"管理员"菜单。希望它有所帮助，并且是您想要的。

Answer 2

我在Firebug中不断查看此内容，以尝试查看问题所在。

一切都正确定位，除了最外层的div 具有以下 CSS：

#loginbar {
    height: auto;
    left: 400px;
    margin: 0 auto;
    position: absolute;
    top: 150px;
    visibility: visible;
    width: auto;
    z-index: 3;
}

左侧和顶部导致菜单以奇怪的位置显示，即不在页面顶部，这可能是您在这里尝试做的事情。

将这些值归零将停止菜单在特定位置浮动。

您也可以取出绝对位置以阻止其浮动。但是由于 fileshare/fileshare2/index2.php 上的元素是绝对浮动的，如果您希望这样做，建议您大幅更改 CSS。

希望对您有所帮助，

Answer 3

我不能给出确切的答案，但是导航菜单，javascript，janko菜单和javascript的某些东西，至少（也许上面也有css？）碰撞在一起并破坏了它。我重做了页面的导航菜单，现在工作正常。我不知道，但似乎可能是javascript。