如何讓CSS/HTML下拉菜單部分脫離頁面顯示？

Question

我有一個純粹的css/html下拉菜單，我幾乎從csswizardry here中偷了這些代碼。它的功能就像一個魅力;唯一的問題是，如果該菜單項位於頁面的最右側，則下拉菜單項是頁面的一半。

我正在研究javascript解決方案;有沒有辦法解決這個問題只使用CSS？

編輯：我正在尋找下拉內容移動到左側，以便下拉項目完全可見。

Answer 1

看着你的代碼基於它，而不是

#nav li:hover ul { left:0; } 

...你會想：

#nav li:hover ul { left:auto; right:0; } 

看起來你可能需要調整的#nav li如果右頁邊距您使用的是與csswizardry相同的CSS。