<!DOCTYPE html>
<html>
<head>
<title>三级导航</title>
<meta charset=utf-8>
<style type="text/css">
.frist
{
display:block;
width:150px;
border:2px solid #ddd;
margin:0;
padding:0;
}
.frist li
{
height:30px;
line-height:30px;
font-size:20px;
text-align: left;
padding-left:13px;
}
.frist li a:hover
{
text-decoration: underline;
font-weight: bold;
color:#e4393c;
}
.title
{
text-align: left;
font-size: 20px;
color:white;
background:red;
padding-left:20px;
}
.box1
{
display:none;
width:50px;
left:100px;
position:absolute;
top :20px;
left:80px;
border:1px solid #ddd;
background: white;
}
</style>
</head>
<body>
<ul class="frist">
<div class="title">社交工具</div>
<li><a href="">webqq</a>
<div class="box1">
<dl>
<dt><a href="">联系人</a>
<dt><a href="">空间</a>
<dt><a href="">微博</a>
<dt><a href="">邮箱</a>
</dl>
</div>
</li>
<li><a href="">微信</a></li>
<div class="">
<dl>
<dt><a href=""></a>
<dt><a href=""></a>
<dt><a href=""></a>
<dt><a href=""></a>
</dl>
</div>
</div>
<li><a href="">百度贴吧</a></li>
<div class="">
<dl>
<dt><a href=""></a>
<dt><a href=""></a>
<dt><a href=""></a>
<dt><a href=""></a>
</dl>
</div>
</div>
<li><a href="">新浪微博</a></li>
<div class="">
<dl>
<dt><a href=""></a>
<dt><a href=""></a>
<dt><a href=""></a>
<dt><a href=""></a>
</dl>
</div>
</div>
</ul>
</body>
</html>
为什么联系人 空间 微博 邮箱那些不能悬浮出现？
