导航不会显示在 DIV 中答案

【问题标题】：Navigation won't show in DIV导航不会显示在 DIV 中
【发布时间】：2012-07-01 22:11:18
【问题描述】：

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

JSFiddle

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

以及它在这里实际做了什么（不知道如何将图像放入 jsfiddle）：因为我只能发布2个链接，它上面的链接除了fileshare/fileshare2/index2.php

【问题讨论】：

是的，对我来说很好，你想把它准确地放在哪里？编辑：我现在看到 HTML 的问题
如果我把它单独放在一个页面上没问题，但在一个带有展示位置的 div 中我有它打破了一切。有什么想法吗？
您只是在谈论“完成它”而没有具体说明是 做得好。什么是适合您的“正确位置” ? 在 div 中正确显示是什么意思？
它在 jsFiddle 中有解释，并显示在我的测试页面链接上，但是我的页面上有一个绝对定位的 div，这个菜单应该放在其中。我不知道为什么，但是将它放在这个 div 中会破坏它并且不能正确显示或正常工作。如果我把菜单单独放在一个页面上，没有别的，它工作得很好。我需要它以某种方式显示在这个位置的这个 div 中......

标签： jquery css navigation html-lists

【解决方案1】：

查看 fileshare2/index2.php 页面，我可以看到您的问题。 Janko at Warp Speed 菜单栏区域的下拉菜单大小不正确。这源于 menu.css min-width 属性。要纠正超出指示框的下拉菜单，请更改 menu.css 的 ul 属性：

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

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

【讨论】：

menu.css 是用于带有“home”、“projects”等的导航栏，我没有注意到 ul 没有命名，所以我将其切换为导航（“home”导航）。然而，我确实改变了最小宽度。我还添加了 padding:0;，但是 janko 菜单仍然在做同样的事情。
我最终将其添加回来以修复我的其他菜单。 :)
fileshare/fileshare2/index2.php 的测试页面现在对我来说似乎工作正常。你能解决所有问题吗？ Janko 菜单似乎也应该如此。
是的，出了点问题。我认为它在 javascript 中，但不太确定。无论如何重新导航，它们都可以工作。奇怪。

【解决方案2】：

我在 Firebug 中不断查看这个问题，试图找出问题所在。

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

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

left 和 top 导致菜单显示在一个奇怪的位置，即不在页面顶部，这可能是您在此处尝试做的。

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

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

希望对你有帮助，

【讨论】：

我实际上需要将 div 定位在它所在的位置。如果您有任何建议，我不知道如何将它定位在那里。此外，我在取出位置、右侧和顶部值时进行了重击，但它仍然没有正确显示（看起来和以前一样）。
@GrantKesslerJr 我很困惑，我想其他人也是。我查看了您的演示页面，这一切似乎都适合 CSS 等。也许这是浏览器的问题？你使用的是什么浏览器？可以提供截图吗？
@GrantKesslerJr Cos 是的，关于最新的 FF 删除，正如你在小提琴中所说，绝对 div 什么也没做，只是阻止它偏离我的中心 400px。
它实际上在做什么（分解菜单）：imengine.gofreeserve.com/fileshare/fileshare2/test/Untitled.png 它应该做什么（除了在第一个链接的位置，而不仅仅是在页面的左上角）：@ 987654322@
@GrantKesslerJr 你能在 imgur 上主持这些并与他们一起编辑你的问题吗？您将在编辑器中看到输入图片的功能，使用该功能，因为您的提供商阻止我看到它们

【解决方案3】：

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

【讨论】：