css鏈接沒有使所有的文本鏈接？

Question

我有下拉菜單，它通過列表和位置絕對，但下拉鍊接是非常非常非常小的領域，並沒有完全覆蓋文字。

我該如何解決這個問題？

例http://outreviews.com/v%202/index.html（下拉式菜單）

Answer 1

如果添加：

ul li a { 
display: inline-block; 
width: 100%; 
height: 100%; 
} 

它應該工作正常，並且因爲即使IE允許display: inline-block;上本地在線元件應該是比較跨瀏覽器友好的（當然下一個有效的doctype）。

值得記住的父li是padding也會減少孩子a元素的可能的寬度，並於同父li的display: inline也可能給你帶來一個小麻煩（因爲display: block;在a會更簡單）。

---

編輯在我的答案之前在我的最後一段（在 hr之上）注意到 @Chris Bentley correctly noted the points。

Answer 2

刪除從子菜單的UL和LI填充和給A元素「顯示：塊」這將使得A元素佔用菜單的整個寬度。

你可以擺弄填充以達到你想要的樣子。

Answer 3

做如下修改：

在#headermenu li變化padding:20px;到padding :0 20px;

添加刪除top:55px;從#headermenu li ul

Answer 4

你可以做的是讓li元素display:list-item和一個元素display:block。這就是您要鏈接到的網站上正在做的事情。