A：今天學到的內(nèi)容
一鲫忍、實現(xiàn)下拉菜單（運用float，position）
<style>
*{margin: 0;padding: 0}
ul{list-style: none;}
li{float: left;}
.navBox{background-color: pink}
.nav{
margin-right: auto;margin-left: auto;
width: 1000px;text-align: center;line-height: 50px;
}
.nav:after{
content: "";
display: table;
clear: both;
}
.nav a{
text-decoration: none;
display: block;
width: 120px;
}
.menu{
position: relative;
}
.content{
position: absolute;
display: none;
background-color: palevioletred;
}
.menu:hover .content{
display: block;
}
.nav a:hover{
background-color: gainsboro;
}
</style>
<div class="navBox">
<ul class="nav">
<li class="menu">
<a href="">收藏夾</a>
<div class="content">
<a href="">我的寶貝</a>
<a href="">收藏的寶貝</a>
</div>
</li>
<li><a href="">賣家中心</a></li>
<li><a href="">聯(lián)系我們</a></li>
<li><a href="">商城</a></li>
</ul>
</div>
B：學會了什么
一、實現(xiàn)下拉菜單（運用float射亏，position）
最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
