CSS：如何阻止LI在下拉菜單中加寬

-1

我有一個相對良好的工作下拉菜單，我想要什麼，但有一個意外的錯誤，我不知道如何解決。考慮這個JSFiddle。當您懸停在{A}上時，該錯誤最爲明顯。由於嵌套UL有很多元素向右擴展，但父類LI也擴大以適合它，這使得其嵌套的A填充寬度，這會使UI展開和收縮。我如何保持父LI不擴展到嵌套UL的寬度？其他嵌套的UL不顯示該錯誤，但這僅僅是因爲它們的嵌套LI是空的。CSS：如何阻止LI在下拉菜單中加寬

來源

2014-03-04 Gup3rSuR4c

父李的寬度設置爲一個特定的值。否則，瀏覽器正在做它應該做的。 –

@AdamZuckerman，設置父'LI'的寬度會導致嵌套'UL'限制其寬度，這會導致其中的嵌套'LI'從行順序轉換爲列順序。這不是我想要的。 – Gup3rSuR4c

這是一個靜態列表？

如果是這樣只需添加一個類到

<a class="Afixded">{A} ▾</a>

，然後進入CSS

li a.Afixded{width:40px;}

JsFiddle

來源

2014-03-04 01:18:52 Genus

這幾乎行得通，但看着笑臉很左的'LI'。「UL」仍然擴展了父母「LI」。 ** {A} **也在發生同樣的事情，但因爲沒有任何事情發生，所以你沒有看到它。 – Gup3rSuR4c

如果您的列表是靜態內容，那麼添加另一個類別，這樣可以避免使用一些額外的CSS類 – Genus

CSS：如何阻止LI在下拉菜單中加寬

回答

相關問題