<!DOCTYPE html>
<html>
<head>
<title>三級(jí)導(dǎo)航</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="">聯(lián)系人</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>
為什么聯(lián)系人?空間?微博?郵箱那些不能懸浮出現(xiàn)？
