Question

您好我的网站www.thehungryeurasian.com

上的导航栏存在一些问题

1）我在导航栏上添加了图标，并设法使用下面的CSS定位右侧的图标。我将主页图标放在左侧，给它一个ID，然后在底线插入CSS。但这意味着主页图标旁边的标签已被移动。我如何解决它，因为它在栏内？

.navleft {float:left; } .navright {float:right;} .tabs-inner .widget ul {margin-right: 0px; margin-left: 0px;}
.tabs-inner .widget ul, .tabs-inner .widget li a, .tabs-inner .section:first-child ul { background: none; }
#navigationbar {width: 1060px; height: 40px; background-color: #326609; background: $(tabs.background.color) $(tabs.background.gradient) repeat-x scroll 0 -800px; _background-image: none; position: fixed; top: 0px; margin-left: 0px; z-index: 999; }
.navright li a { padding: 0px !important; } 
#homeiconButton { padding-top: 5px  !important; padding-bottom: 0px !important; padding-right: 10px  !important; padding-left:10px  !important; }

2）在添加上面的图标和CSS之后，我的导航栏丢失了它的背景颜色并且变得清晰。我不得不添加

background-color: #326609;

重写此内容。是否有东西阻止我的CSS，我需要删除？

3）最后一个问题！

我的标签之间有白色分隔线。但是，它们之间似乎有填充。我该如何删除？此外，是否可以在导航栏的左侧而不是在右侧使用分隔线？

提前谢谢！我知道这是很多问题。

Answer 1

答案1 - 将样式"vertical-align : top"添加到所有导航项目（您可以排除主页图标）。

答案2 - 问题对我来说不太清楚。但我可以在导航栏中看到背景颜色。

答案3 - 从“#cssnav li”选择器样式中删除样式 - float: none;。你可能会给li的左边和右边都是白色的。删除border-left，然后给右边框。

希望这有帮助。

导航栏图标和填充CSS问题

1 个答案: