如何在图像下直接获取菜单栏？ [关闭]

Posted 2023-02-16

【中文标题】如何在图像下直接获取菜单栏？ [关闭]

【英文标题】：How to get menubar directly under image? [closed]

【发布时间】：2013-07-22 18:57:16

【问题描述】：

我的天啊，这真是要了我的命。已经尝试了几个小时：http://www.opportunityfinance.net/Test/conference-2013/index.html

无论我做什么，这个该死的菜单栏都不能直接放在顶部图像的下方！

非常感谢任何帮助。我一直在与谷歌的检查员一起玩不同的 CSS 样式，但我很困惑，因为没有任何效果。我什至试图在调整大小时从图像.height() 中获取值并在加载时触发它，但是当我执行position: absolute; top: ImgHeight 时，它并没有将它放在图像下方。我可以分辨出图像下方没有填充或边距。

这是怎么回事？

【问题讨论】：

什么是顶部图像，因为提供的链接在左上角显示“一个目的”，右侧有条纹，下面有一个菜单栏。

【参考方案1】：

nav 部分中的 ul 的 margin-top 为 27 像素，这似乎是问题所在。

除此之外，带有#header_image 的 div 比里面的图片大 6px（这会导致图片下方出现空白）。

【讨论】：

这是怎么回事？我在ul 的css 规则中没有为margin-top 设置任何东西@ 很奇怪！我将line-height 设置为3em，这会导致它吗？

它可以是您的 javascript 插件之一或默认 CSS 样式（由浏览器应用）。如果您在 CSS 中将其设置为 0，是否可以解决您的问题？

将 margin 和/或 padding 设置为 0 根本没有帮助。

当您添加 !important 时？ （像这样：margin: 0px !important;）

我仍然需要解决适合移动设备的部分...大声笑，但至少我现在拥有计算机浏览器友好的部分；）