导航栏“溢出”无法删除

我很抱歉所有的混淆和错误的帖子类型。我会继续玩它或尝试获得所有的CSS，所以我可以把它正确地粘贴在这里。导航栏“溢出”无法删除

感谢您提供的信息和帮助。

格雷迪

我不知道如果有人能帮助我，但由于某种原因，我无法弄清楚，为什么我的导航栏中有一个“影子”，没有任何阴影标记。这是非常烦人的，我无法弄清楚。我可以将整个导航栏更改为与背景相同的颜色，但不会突出显示。如果你可以给我任何建议或事情来尝试这将是伟大的！

这是定期视图中的导航图片，然后我放大并拍摄了另一张照片。

我已经试过边界：none和箱阴影：没有，但似乎没有任何去除小溢出。

更新：

我应该发布这个开始。我没有完整的HTML/CSS，因为我使用WordPress，所以代码不完全是我的共享。欢迎您访问我们的网站http://jrummy16.com/test/

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

在此先感谢

格雷迪

2013-04-26 Grady D

你可以发布一些相关的HTML/CSS？ – brbcoding 2013-04-26 18:22:22

它看起来像在它背后的div。使用您的DOM检查器来查看生成它的内容。我发现Firefox的3D模式对于这些问题特别有用。 – nullability 2013-04-26 18:26:40

任何人都可以说，直到你张贴一些代码。 – Vector 2013-04-26 18:34:14

此无关，具有溢出或箱阴影。你在边缘看到的只是父元素背景的延续。

您可以通过更正蓝色支持导航的位置来解决此问题，以便它正确对齐到最远的边缘并且不会在最后显示小部分。

编辑： 看看实际的代码，有两个“流氓”像素，说明你的超出右间距。第一像素是从边界从CSS行394：

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

您可以在此留下这使元素周围的像素边框保持不变，或者你可以从你的最后导航使用:last-child伪选择将其删除设置border-right:none;

所以第二个流氓像素来自您在导航中的清除div。删除这个div并应用CSS清除修复似乎是最好的解决方案。一个基本的结算将在容器元素上设置overflow:hidden;，但是如果你的情况需要，你可以使用更强大的css结算。

2013-04-26 18:24:50 Moses

我添加了一个链接到我们的测试网站。你能给我一个例子或教程来做到这一点？导航栏对我来说是新的。 – 2013-04-26 18:39:42

@aDroidman在Chrome开发工具中检查您的网站后，我修改了我的答案。 – Moses 2013-04-26 19:19:25

谢谢！那就是诀窍。对不起，我问了这个错误的方式，但非常感谢你花时间去研究它。 – 2013-04-28 04:16:18

我的猜测是你的灰色方块上的填充。设置padding:0px;就可以得到盒子元素，看看是否可以。

2013-04-26 18:33:29 Dusty

我试过填充，它似乎没有解决它，但我可能已经将它添加到错误的类/ ID。 – 2013-04-26 18:38:57

回答