第二級UL寬度問題 - 只有css

我有一個問題，試圖讓第二級UL有100％的寬度基於父LI而不是像現在這樣的第一級UL。我試圖只在可能的情況下才使用css。我試圖解決這個問題的原因是，我可以將下拉列在父項下。第二級UL寬度問題 - 只有css

爲了更好地理解，我想，當你將鼠標懸停在MEN模仿這個導航下拉：http://us.gant.com/

<ul> <----first level 
    <li> 
    <ul> <----second level 
    <li></li> 
    </ul> 
    </li> 
</ul>

寬度：100％東西只能走到寬度已知的樹中最近的元素。如果你沒有明確指定寬度，它只會在樹上找到一些東西。爲了輕鬆獲得這種中心行爲，我不知道一個簡單的方法，但我可以想到一些看起來很醜陋的複雜問題。 – PlexQ 2012-03-22 23:58:25

你必須指定父li本的寬度。所以做這樣的事情：

ul li { 
    width: 50px; 
} 

ul li li { 
    width: auto; /* reset width */ 
}

現在的子菜單的ul有li的寬度相同，因爲li它與寬度始祖規定。

2012-03-23 00:08:05

雖然這個問題，是父級李不能有一個定義的寬度，因爲所有的鏈接是不同的字母長度。 – jonthoughtit 2012-03-23 23:27:07

回答