使用博客脚本CSS进行主站点导航冲突

Question

www.test.webitry.net是我在博客脚本上安装的主站点导航和标题，以便将其与主站点集成。主站点导航被穿过链接的白线所阻碍，并且还影响翻滚。见附件图片。

可能导致这次冲突的原因是什么？

Answer 1

您在有序列表标记（＆lt; ol＆gt;）中有一个中断标记（＆lt; br style =“clear：both”/＆gt;），这些标记格式错误，不应该完成。应该在＆lt; ol＆gt;内的唯一标签标签是＆lt; li＆gt;标签

尝试删除边框底部...

.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 */
}