爲什麼連接不填li元素即使顯示：block？

我正在使用superfish菜單，我有一個問題，我找不出來，雖然我敢肯定答案可能很明顯，我只是想念它...爲什麼連接不填li元素即使顯示：block？

基本上我的一個元素不是擴大以填補其含有Li元素，即使一元素被設置爲display：block

請在這裏看到例如：

http://www.spiritlevel.co.uk/fpatest/index_hover2.html

CSS是在這裏：

http://www.spiritlevel.co.uk/fpatest/css/superfish.css

http://www.spiritlevel.co.uk/fpatest/css/superfish-vertical.css

以下是有關HTML

<div id="homenav"> 

<ul id="nav" class="sf-menu sf-vertical"> 

<li id="company"><a href="*">COMPANY</a> 
<ul id="companymenu"> 
<li id="profilelink"><a href="*">Profile</a></li> 
<li id="activitylink"><a href="*">Activity</a></li> 
<li id="strategylink"><a href="*">Strategy</a></li> 
<li id="teamlink"><a href="*">Team</a></li> 
    <li id="financelink"><a href="*">Finance &amp; Governance</a></li> 
</ul> 
</li> 

<li id="development"><a href="*">DEVELOPMENT</a> 
    <ul id="developmentmenu"> 
<li id="partnerslink"><a href="*">Development Partners</a></li> 
<li id="sociallink"><a href="*">Social Responsibility</a></li> 
    </ul> 
</li> 

    <li id="projects"><a href="*">PROJECTS</a></li> 
    <li id="contact"><a href="*">CONTACT US</a></li> 

</ul> 
</div><!--end homenav -->

我有第二個問題是如何獲得二級菜單出現在每一個第一級鏈接在同一個地方。如果你懸停在公司上，那麼它的二級導航出現在正確的位置。但是如果你將鼠標懸停在開發上，它會顯得有一排太低 - 我希望它與公司菜單的位置相同

任何人都可以幫我解決這個問題嗎？謝謝

來源

2012-01-18 Spirit

A元素對我來說正在擴大（在Chrome 16和IE8上）...每個人都可以使用代碼演示一個演示頁面：http://jsfiddle.net/roberkules/4ctDe/ – roberkules 2012-01-18 13:31:23

鏈接對我來說似乎很好太。此外，第二級菜單與您當前徘徊的鏈接一起顯示，因爲您將列表嵌套在li內 - 這正是它的工作原理。 – Deadlykipper 2012-01-18 13:35:38

只是想感謝大家抽出時間來幫助，併爲之前未對此線索做出迴應而道歉。寫完後不久，我不幸被叫到一個家庭緊急情況，讓我幾個星期不工作。 – Spirit 2012-02-20 21:22:32

在#nav li a中從.sf-menu a.sf-with-ul（superfish.css line-93）和100％或140px（home.css第75行）中刪除填充。我已經在您的網站上測試過，並且工作正常。測試鉻和ff。

來源

2012-01-20 21:41:49

謝謝 - #nav li a的寬度確實是問題所在。 – Spirit 2012-02-20 21:22:00

您的鏈接沒有擴大到填充框的原因是因爲它們左移。刪除，你應該沒問題。

來源

2012-01-18 13:44:41

爲什麼連接不填li元素即使顯示：block？

回答

相關問題