浮動菜單下拉列表不顯示

-1

我的下拉菜單或子菜單有問題。它之前工作得很好，但在我將菜單更改爲浮動狀態後，子菜單將不再顯示。這是我用於菜單代碼：浮動菜單下拉列表不顯示

border-bottom:2px solid #e9e9e9; 
position:fixed; 
width:2000px; 
background-color:#ffffff; 
padding-left:605px; 
padding-right:210px; 
margin-right:-200px;

，這是我的網站 http://lobaab.com/ 你能幫助我如何解決這個問題PLZ

來源

2014-11-22 Maryam S

哪個是子菜單？什麼不顯示？這是非常不清楚的 – Vall3y 2014-11-22 16:24:37

子菜單是當我懸停在下拉菜單應該打開的菜單項之一。但它不是 – 2014-11-22 16:27:37

嵌套的UL被display: none在默認狀態下隱藏的，你永遠不會將此屬性更改爲block。

.sf-menu li:hover > ul { 
    display: block !important; /* importnat isn't necessary if you know how strong selector you need to use */ 
}

比，可以設置爲width: 100%子，但他們的父母（LI）的it's寬度。您可能需要設置更高的寬度，或者不要精確設置寬度，只能使用white-space: nowrap - 子菜單將具有最長項目的寬度。

來源

2014-11-22 16:27:32 panther

謝謝你的回答。所以我將顯示設置爲阻止。但我不明白第二部分。 – 2014-11-22 16:55:47

這只是建議。如果我正確理解了你的CSS文件，你可以使用'width：100％'作爲子菜單，這意味着100％是父（li），什麼是+ -80px。如果你在子菜單中有更長的文本，你可以在兩行，三行而不是一行。你可以忽略我的答案的其餘部分，對你來說真的是第一部分，第二部分可能會晚一些 - 當你看到子菜單時:-) – panther 2014-11-22 17:01:27

非常感謝你。它是固定的。謝謝 – 2014-11-23 07:52:43

浮動菜單下拉列表不顯示

回答

相關問題