主网站导航与博客脚本CSS冲突

Question

在www.test.webitry.net是一个主站点导航和标题，我已经安装到一个博客脚本，以便与主站点集成。主站点导航被一条通过链接的白线卡住了，这也影响了滚动。请参阅附件中的图像。

​

是什么导致了这场冲突？

Answer 1

在有序列表tag ()中有一个换行标记()，它是错误的HTML，不应该这样做。唯一应该在标签内的标签是标签。

试着去掉这里的边框-底部……

.nav ol {
list-style: none;
width: 950px;
margin: 0 auto;
padding: 0;
padding: 0;        /* <----- you can also remove this line since it's a duplicate */
background-color: #3b3b44;
border-top: 1px solid #ccf;
border-bottom: 1px solid #ccf;  /* <---- remove this line    */
}

如果你不想要白线，它就不应该出现在CSS中。

此外，所有链接都在底部设置了边框的样式，您可能需要专门为导航链接设置该属性，以便常规锚属性不会被“拾取”。

.nav li a {
display: block;
padding: 2px 20px;
text-decoration: none;
font-family: Helvetica, arial, sans-serif;
font-size: 16px;
font-weight: bold;
color: #fff; 
border-right: 1px solid #ccf; 
border-bottom: none;  /* <------------ add this line */
}