在調整瀏覽器大小時CSS3菜單下拉菜單

-2

在CSS中，默認情況下，子菜單向右打開我想，如果沒有足夠的空間，那麼css語法如何使它們向左側打開。例如，如果瀏覽器窗口較小。在調整瀏覽器大小時CSS3菜單下拉菜單

謝謝你的幫助。

把你的代碼，以便更好地理解 – sandeep 2012-01-03 11:02:29

這不能使用純CSS進行。爲了達到這個目標，你需要一些JavaScript代碼。 – CedX 2012-01-03 11:03:07

我對你的意思是「在CSS中，默認子菜單向右打開」有點困惑。你在談論SELECT-dropdowns嗎？ – 2012-01-03 11:08:25

這可能不會完全用css解決。它需要Java腳本來確定是否有足夠的空間（調整大小時）。

一些僞代碼：

if window.innerWidth - submenu.offsetLeft > submenu.offsetWidth 
     showMenuToRight(); 
else 
     showMenuToLeft();

感謝

2012-01-03 11:07:23 rajkamal

是的，我正在談論css的下拉菜單！如果您對子菜單使用「left：100％」，則在這種情況下它們將向右打開。問題在於，如果菜單位於屏幕的右側，在瀏覽器的末端，它們會消失，而不會自動打開到有空間的左側。在這種情況下，我必須有javascript :(謝謝。 – 2012-01-03 11:28:04

回答