如何保持鏈接的背景與我的div背景一樣高？

這就是我想要做的。我目前在我的網頁頂部有一個垂直菜單。我用這個CSS代碼來構造它。如何保持鏈接的背景與我的div背景一樣高？

#main ul { 
    text-align:center; 
    padding:0; 
    margin:0; 
    list-style:none; 
} 
#main li { 
    display:inline; 
    vertical-align:middle; 
    line-height:50px; 
} 
#main a:link { 
    text-decoration:none; 
    color:black; 
    transition:0.5s; 
    padding:30px; 
} 
#main a:hover { 
    text-decoration:underline; 
    color:gray; 
    background-color:white; 
    padding:50px; 
}

壞的事情是，當我到了懸停，我希望背景也改變，我已經設置與我的DIV的背景之上。我似乎無法將它與我的div保持在同一高度，同時將寬度保持在原來的位置。我的代碼究竟與我的代碼有什麼關係才能使其工作？提前致謝。

來源

2017-03-08 Kenneth McAusland

分享你的HTML，也讓我們有一個[MCVE] –

添加這個CSS規則，使a元素填充他們的父元素：

#main a { 
    display: block; 
    with: 100%; 
}

來源

2017-03-08 19:05:46 Johannes

不，我想，使其保持保持它內嵌垂直。另外，我希望每個單獨的鏈接都有自己的背景，並與上面代碼中指定的填充和邊距一起使用。 –

你沒有發佈任何HTML，我認爲你的'a'元素將被放在* li元素中。他們不是？如果是，發佈的代碼應該可以正常工作。 – Johannes

如何保持鏈接的背景與我的div背景一樣高？

回答

相關問題