Html 导航条'；溢出'；can'；移开

我很抱歉所有的混乱和错误的职位类型。我会继续玩它，或者试着把所有的css整理好，这样我就可以把它正确地粘贴到这里

感谢您提供的信息和帮助

格雷迪

我不确定是否有人可以帮助我，但出于某种原因，我不明白为什么我的导航栏有一个没有任何阴影标记的“阴影”。这很烦人，我想不出来。我可以将整个导航栏更改为与背景相同的颜色，但它并不突出。如果你能给我任何建议或东西尝试，那将是伟大的

这是一张常规视野中的导航图片，然后我放大并拍摄了另一张照片

我试过border:none和box-shadow:none，但似乎没有任何东西可以消除这个小溢出

更新：

我应该先发布这个。我没有完整的html/css，因为我使用的是wordpress，所以代码不完全是我可以共享的。欢迎您在这里查看我们的网站

我刚刚使用Chrome中的控制台或Firefox中的Firebug来设计它

提前谢谢

---

Grady

这与溢出或框阴影无关。您在边缘看到的只是父元素背景的延续

您可以通过纠正蓝色支持导航的位置来解决此问题，使其与远边正确对齐，并且不会留下末端显示的小部分。

---

编辑： 看看实际的代码，有两个“流氓”像素导致了您的右间距过大。第一个像素来自css第394行的边框：

#mainmenu.scaled li.menu-item a {
  border: 1px solid #E2E2E2;
}

您可以将其保留在此处，以便元素周围的1px边框保持不变，也可以使用

：last child

伪选择器将其从上一个导航中删除，以设置

边框右侧：无

因此，第二个恶意像素来自导航中的清除div。删除这个div并应用CSS清除补丁似乎是最好的解决方案。基本的清除是设置
溢出：隐藏在容器元素上，但是如果您的情况需要，您可以使用更强大的css清除。
我猜这是您在灰色框上的填充。设置
填充：0px并查看是否成功。
您可以发布一些相关的html/css吗？它看起来像它后面的div中的某个东西。使用DOM检查器查看生成它的内容。我发现Firefox的3d模式对于这样的问题特别有用。在你发布一些代码之前，任何人都不能说。将其链接到网站上。希望这有帮助。@aDroidman请看，我尝试了填充，但似乎没有修复它，但我可能将其添加到了错误的类/id。我添加了一个指向测试站点的链接。你能给我一个例子或教程来做吗？导航栏对我来说是新的。@aDroidman在chrome开发工具中检查了您的站点后，我修改了我的答案。谢谢！这就成功了。很抱歉，我问错了，但非常感谢你花时间调查此事。