html lang="en"><head>
<meta charset="UTF-8">
<title>ä¸æèå</title>
<style type="text/css">
.bt{
width: 50px;height: 28px;
border: 1px solid #ddd;
background-color: #eee;
font:12px "å®ä½";
}
.ct{
display: none;}
.dt{
height: 30px;
margin-top: 0px;
border: 1px solid #ddd;
background-color: white;
padding:auto 10px;
}
.dt1{
height: 30px;
margin-top: 1px;
border: 1px solid #ddd;
background-color: white;
padding:auto 10px;}
.dt:hover,.dt1:hover{background-color: #ddd;}
.bt:hover{background-color: green;}
.at:hover .ct{display: inline-block;}
</style></head><body><div class="at">
<div>
<button class="bt" type="button" >æé®</button>
</div>
<div class="ct" >
<div class="dt1">ä¸æèå</div>
<div class="dt">ä¸æèå</div>
<div class="dt">ä¸æèå</div>
<div class="dt">ä¸æèå</div>
</div>
</div> </div> </body></html>