html右侧下拉菜单怎么写,html – CSS下拉菜单(右侧)

我正在尝试创建一个浮动到右侧的子菜单.但是,我撞到了一堵砖墙,只能让它浮在水面上.

您可以在此处看到(虽然它比正常情况稍宽)子菜单只显示在父列表项中.如果有人能帮我把它漂到右边那就太好了！

• Link 1
  • Sub Link 1
  • Sub Link 2
• Link 2
  • Sub Link 1
  • Sub Link 2

.cl-menu{

list-style:none outside none;

display:inline-table;

position:relative;

width:100%;

}

.cl-menu li{

list-style:none outside none;

border-bottom:1px solid #cccccc;

padding:5px 1px;

text-align:center;

}

.cl-menu > li:hover{

/*background-color:#303030;*/

background-color:#66819C;

color:#FFF;

font-weight:bold;

text-decoration:underline;

opacity:1;

}

.cl-menu li ul{

display:none;

}

.cl-menu li:hover ul{

display:block;

opacity:0.8;

background-color:#FFF;

margin-top:4px;

font-weight:normal !important;

}

.cl-menu li ul li{

border-bottom:1px solid #cccccc !important;

border-top:none !important;

border-left:none !important;

border-right:none !important;

}

.cl-menu li ul li a{

color:#000;

text-decoration:none;

}

.cl-menu li ul li a:hover{

color:#390;

text-decoration:underline;

}

.cl-menu ul:after{

content:"";

clear:both;

display:block;

}