2012-01-03 76 views
-2

在CSS中,默认情况下,子菜单向右打开我想,如果没有足够的空间,那么css语法如何使它们向左侧打开。例如,如果浏览器窗口较小。在调整浏览器大小时CSS3菜单下拉菜单

谢谢你的帮助。

+0

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

+0

这不能使用纯CSS进行。为了达到这个目标,你需要一些JavaScript代码。 – CedX 2012-01-03 11:03:07

+0

我对你的意思是“在CSS中,默认子菜单向右打开”有点困惑。你在谈论SELECT-dropdowns吗? – 2012-01-03 11:08:25

回答

0

这可能不会完全用css解决。它需要Java脚本来确定是否有足够的空间(调整大小时)。

一些伪代码:

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

感谢

+0

是的,我正在谈论css的下拉菜单!如果您对子菜单使用“left:100%”,则在这种情况下它们将向右打开。问题在于,如果菜单位于屏幕的右侧,在浏览器的末端,它们会消失,而不会自动打开到有空间的左侧。在这种情况下,我必须有javascript :(谢谢。 – 2012-01-03 11:28:04