html - 导航栏“溢出”无法删除

Question

对于所有的混乱和错误的帖子类型，我深表歉意。我将继续使用它或尝试按顺序获取所有 css，以便我可以将其正确粘贴到此处。

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

格雷迪

我不确定是否有人可以帮助我，但由于某种原因，我无法弄清楚为什么我的导航栏有一个没有任何阴影标签的“阴影”。这很烦人，我想不通。我可以将整个导航栏更改为与背景相同的颜色，但它并不突出。如果你能给我任何建议或尝试的东西，那就太好了！

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

我试过 border: none 和 box-shadow: none 但似乎没有什么可以消除这个小溢出。

更新：

我应该一开始就发布这个。我没有完整的 html/css，因为我使用的是 wordpress，所以代码不完全是我要分享的。欢迎您在这里查看我们的网站，http://jrummy16.com/test/

我刚刚使用 Chrome 中的控制台或 Firefox 中的 Firebug 来设置它的样式。

提前致谢

格雷迪

score 1 · Accepted Answer

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

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

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

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

您可以将其保留在此处，以便元素周围的 1px 边框保持不变，或者您可以使用:last-child伪选择器将其从上一个导航中删除以设置border-right:none;

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

score 0 · Accepted Answer

我的猜测是你的灰色盒子上的填充物。在那个 get box 元素上设置padding:0px;，看看是否可以。

2 回答 2