我們在寫導航或者頁面有超鏈接的地方，有一些是需要超鏈接的背景和Li的寬度一樣的。但是，卻沒有達到這種效果？為什么？ 我們做的效果圖：如下

期望的效果：如下

出現這樣的原因：由于a是個行內元素，它沒有寬高這種概念，a的大小全憑內容撐，所以，為了解決這個問題我們給a這標簽加一個display:block;樣式，這樣就可以達到目的。

樣式表

還有一個小技巧，我們在給li前面自定義小圖標時候，發現圖標離文字特別近，有重合的現象，我們這時候，就可以給li加一個內填充，padding-left：20px； 這樣就可以讓圖標和內容有一定的距離。或者給li的下級標簽設置一個margin-left:25px；也是一樣的效果。 還有:如果小圖標不居中，或者在鼠標hover的時候，位置發生了移動，都可以在background后面添加left center。

?

另外制作導航欄的技巧

?

轉載于:https://www.cnblogs.com/xiaqilin/p/6880191.html

總結

以上是生活随笔為你收集整理的鼠标滑过，解决ul下 li下a的背景与父级Li不同宽的问题的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。