css - CSS 悬停颜色一直到边缘

Question

有人可以帮助我需要做些什么来使主导航的“主页”和“博客”部分以悬停颜色一直延伸到最后吗？即，当我将鼠标悬停在任一悬停颜色上时，导航中的主页和博客部分的左侧和右侧仍然有一点深棕色区域。

www.utahshutters.com

Answer 1

从此更改您的CSS：

    #nav ul{
       width: 950px;
       padding: 0 0 0 10px;
    }

    #nav li a{
      padding 13px 17px 12px 15px;}

    }

对此

    #nav ul{
       //width removed
       padding: 0 0 0 0;
    }

    #nav li a{
      padding 13px 17px 12px 16px;

    }

Answer 2

为了使导航栏中的列表项加起来为整个宽度，您需要为每个 Lis 提供一个单独的宽度，该宽度加起来等于总宽度。

'a' 标签可以被设置为 display:block 以扩展到每个 LI 的宽度。

您的导航栏 ( UL ) 需要有 960px 的宽度或没有宽度。

希望这是有道理的。