导航栏'溢出'无法删除

时间:2013-04-26 18:21:16

标签: html css wordpress

我很抱歉所有的混乱和错误的帖子类型。我将继续玩它或者尝试按顺序获取所有css,这样我就可以在这里正确粘贴它。

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

格雷迪

我不确定是否有人可以帮助我,但由于某种原因,我无法弄清楚为什么我的导航栏会有一个阴影'没有任何阴影标签。这很烦人,我无法弄清楚。我可以将整个导航栏更改为与背景相同的颜色,但它不会突出。如果你可以给我任何建议或事情,那就太棒了!

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

https://dl.dropboxusercontent.com/u/11217802/nav%20bar%20issue.png

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

更新:

我应该先发布这个。我没有完整的html / css,因为我使用wordpress所以代码并不是我的共享。欢迎您在此处查看我们的网站http://jrummy16.com/test/

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

提前致谢

格雷迪

2 个答案:

答案 0 :(得分:1)

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

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

<小时/> 修改 查看实际代码,有两个“流氓”像素可以解释您的多余右侧间距。第一个像素来自css第394行的边界:

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

您可以将此处留在此处,以便元素周围的1px边框保持不变,或者您可以使用:last-child伪选择器将border-right:none;

从上一个导航中删除

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

答案 1 :(得分:0)

我的猜测是你的灰色盒子上的填充物。在该获取框元素上设置padding:0px;,看看是否这样做。