摘要:.header_a ul{border: 1px solid #F5F5F5; display: none; border-top: 0px;} .header_a:hover ul{display: block;position: absolute;} .header_a ul
.header_a ul{border: 1px solid #F5F5F5; display: none; border-top: 0px;} .header_a:hover ul{display: block;position: absolute;} .header_a ul li{ color: #6c6c6c;height:30px; line-height: 30px;text-align: left;padding: 0 3px; margin: 5px 0} .header_a ul li:hover{background: #F5F5F5;}
就是hover父元素然后改变子元素的dispalay属性 然后绝对定位一下子元素 子绝父相
<a href="" class="header_a">我的淘宝 <i class="fa fa-angle-down"></i> <ul> <li>已买到的宝贝</li> <li>我的足迹</li> </ul> </a>