layui悬浮下拉

div id=“user_name” class=" itep-label-item hove" style="">
ul class=“layui-nav” style=“background-color: unset;”>
li class=“layui-nav-item”><%–&#xf2b9–%>
a id=“username” runat=“server” class=“layui-icon layui-icon-username” style=“color: white”>用户名
dl class=“layui-nav-child”>
dd>
dd>
dd>
dd>
/dl>
/li>
/ul>
/div>

//css

.hove:hover {
cursor: pointer;
}

#user_name:hover {
}

#panel {
padding: 50px;
display: none;
}

.layui-nav-item {
height: 30px;
}

.layui-nav .layui-nav-item {
position: relative;
zoom: 1;
display: inline-block;
vertical-align: middle;
height: 30px;
line-height: 30px;
}

.layui-nav {
position: relative;
padding: unset;
margin: unset;
background-color: #393D49;
color: #fff;
border-radius: 2px;
box-sizing: border-box;
font-size: unset;
}

.layui-nav * {
    font-size: 12px;
}

.layui-nav-child {
margin: unset;
padding: unset;
}

.layui-nav .layui-this:after, .layui-nav-bar, .layui-nav-tree .layui-nav-itemed:after {
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
background-color: unset;
transition: all .1s;
-webkit-transition: all .1s;
}

.layui-nav-child {
top: 30px;
}