csshover下拉菜单_html/css

来源：皓榕美食网

本帖最后由 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 	
sub

回复讨论(解决方案)

感谢分享经验

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

好像是定位有问题