css hover下拉菜单_html/css_WEB-ITnose

本帖最后由 BaronZ 于 2012-12-19 15:41:05 编辑 我的代码现在是鼠标移过root的时候，下拉菜单出现在root下面。我想改成鼠标移过去的时候，下拉菜单出现在root的右边（和root同一行），可以吗?要怎么改代码？

  ul.cssMenu, ul.cssMenu ul{	list-style:none;	margin:0; 	padding:-10;	position: relative;}ul.cssMenu ul 						{         display:none; /*initially menu item is hidden*/        position: absolute; /*absolute positioning is important for menu to float*/        }ul.cssMenu li:hover > ul 			{ 	display:block;	background-color:red;}

• root

回复讨论(解决方案)

感谢分享经验

ul.cssMenu li:hover > ul            {     display:block;    background-color:red;    top:-150px;    left:50px;}

好像是定位有问题