我很抱歉所有的混乱和错误的帖子类型。我将继续玩它或者尝试按顺序获取所有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来设置它的样式。
提前致谢
格雷迪
答案 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;
,看看是否这样做。