負邊距「懸停」div落後元素

Question

好的，所以我有三個<ul>標籤，每個標籤都有float: left;應用於它們。 <li>標籤有一個:hover規範，導致它們的寬度增加並獲得與寬度增益相等的負邊距，因此在懸停時它們會增加大小而不移動任何東西。

問題是，它不是延伸到以下浮動<ul>標籤上，而是延伸到它們下面。設置z-index似乎沒有對此做任何事情，儘管我可能會錯誤地使用它。我試着在:hover規範上設置z-index: 5;，我也嘗試在連續的<ul>標籤上設置z-index: 3;,z-index: 2;和z-index: 1;，但都沒有任何區別。

一件事，做工作是有<ul>標籤是float: right;使最後一個實際上是最左邊的，但我不喜歡這個解決方案，因爲它意味着我的代碼是相反的順序，因爲它出現在頁面上，這意味着我必須在所有內容上設置手動tabindex屬性來修復製表符順序。

編輯：修復它;不能回答我自己的問題7小時，但事實證明，z-index不適用於position: static;（默認）元素。我剛剛添加了position: relative;到<li>標籤，現在它工作正常。

Answer 1

您不能對靜態元素使用z-index。考慮將其位置更改爲relative或absolute。