<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<style type="text/css">
/*ä¸äºçº§èå横åæå*/
ul li{
float: left;
}
/*äºçº§èåé»è®¤ä¸æ¾ç¤º*/
ul li ul{
display: none;
}
/*ä¸çº§èåè·å¾ç¦ç¹æ¶æ¾ç¤ºå
¶äºçº§èå*/
ul li:hover ul{
display: block;
position: absolute;
padding-left: 0px;
}
/*ä¸æ¾ç¤ºåè¡¨æ ·å¼*/
li{
list-style: none;
}
/*äºçº§èå纵åæ¾ç¤º*/
/*
ul li ul li{
float: none;
}
*/
</style>
</head>
<body>
<div>
<ul>
<li>A
<ul>
<li>1</li>
<li>2</li>
</ul>
</li>
<li>B</li>
<li>C</li>
</ul>
</div>
</body>
</html>
追é®æä»ä¹ç¨ï¼