CSS子菜单填充问题

我遇到子菜单问题。您可以通过悬停在Home链接上看到http://responsiveradio.radiobrandbuilders.com。CSS子菜单填充问题

填充不会显示子菜单li项目，但只要您将鼠标悬停在它们上面，填充工作。

我敢肯定，这是简单的东西，我俯瞰，但任何帮助，将不胜感激。

nav { 
    height: 60px; 
} 
nav ul { 
    list-style: none; 
    margin-top: 19px; 
    padding: 0; 
} 
nav li { 
    display: inline-block; 
    margin: 0; 
    position: relative; 
} 
nav li a { 
color: #000; 
font-size: 16px; 
font-weight: 500; 
padding: 15px; 
text-transform: uppercase; 
} 
nav li:last-child { 
    margin-right: 0; 
} 
nav li a:hover { 
    color: #fff; 
    cursor: pointer; 
} 
.sub-menu { 
    display: none; 
    left: 0; 
    padding: 0; 
    position: absolute; 
    top: 10px; 
    width: 200px; 
} 
.sub-menu li { 
    display: block; 
    margin: 0; 
    padding: 0; 
    } 
    .sub-menu li a { 
    color: #fff; 
    width: 100%; 
    } 
    .sub-menu li a:hover { 
    background: #fff; 
    color: #000; 
    }

来源

2014-09-25 user3630457

填充设置为0，在子菜单中 – Fergoso 2014-09-25 05:12:49

你的CSS的变化将被制作...标签是内嵌标签...所以你必须做的是显示块。

nav li a { 
color: #000; 
font-size: 16px; 
font-weight: 500; 
padding: 15px; 
text-transform: uppercase; 
display: block;    /*changes done */ 
} 
nav ul { 
list-style: none; 

padding: 0; 
margin-top: 0; /*changes done */ 
} 
.sub-menu{ 
display: none; 
left: 0; 
padding: 0; 
position: absolute; 
top: 52px;   /*changes done */ 
width: 200px; 
}

来源

2014-09-25 05:34:12

@ user3630457将其标记为解决，请点击此链接**的http：//meta.stackexchange.com/a/5235/**再回过头来回答并勾选复选标记。 – 2014-10-06 17:13:40

在CSS

.sub-menu li{ 

    padding:15px; 

}

在你的CSS设置填充：0像素;

来源

2014-09-25 05:14:15 Kenny

修改你的风格像

.sub-menu li a { 
    color: #fff; 
    width: 100%; 
    display: inline-block; 
}

来源

2014-09-25 05:16:07

.sub-menu li a{padding:0}

添加这种风格和刷新页面。

来源

2014-09-25 05:27:37

CSS子菜单填充问题

回答

相关问题