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子菜單填充問題

回答

相關問題