我的下拉菜单出现了问题，我找了很长时间 没找到问题在哪

abstract：

中国大陆  

亲，请登录

免费注册

手机逛淘宝

我的淘宝 

• 已买到的宝贝
• 我的足迹

 购物车

 收藏夹 

• 已买到的宝贝
• 我的足迹

商品分类

卖家中心 

联系客服 

• 马云
• 李嘉诚
• 比尔盖茨
• 巴菲特

网站导航

______________________________________________________

*{margin:0px;padding:0px;} /* 做网页第一步，先把浏览器自带的边距清除 */

a{text-decoration:none;color:#6c6c6c;font-size:13px;} /* text-decoration:none;去掉a链接的下划线 */

li{list-style:none;}

.clear{clear:both;}

.header{width:100%;background-color:#f5f5f5;} /* height:35px; */

.header_content{width:1200px;margin:0px auto;line-height:40px;} /* height:40px; */

.header_left{height:40px;float:left;} /* background-color:pink; 调试用的*/

.header_left a{margin-right:5px;}

.header_content a:hover{color:#ff5000;}

.header_right{width:630px;height:40px;float:right;} /* background-color:pink; */

.header_a{display:inline-block;height:40px;width:90px;text-align:center;position:relative;} /* position:relative;直接下拉菜单。不影响别的东西。相对定位 */

.header_a:hover{background-color:#fff;}

.header_a ul{border:1px solid #f5f5f5;display:none;border-top:none;}

.header_a:hover ul{display:block;position:absolute;width:100px;}

.header_a ul li:hover{background-color:#f5f5f5;}

.header_a ul li{color:#6c6c6c;height:30px;line-height:30px;text-align:left;padding: 0px 10px;margin:5px 0px;} /* text-align:left;靠左对齐 */

Correcting teacher：西门大官人Correction time：2019-02-24 09:54:34
Teacher's summary：问题在于你没有给div定义样式。后面的css样式你没有用在div、ul、li等元素上

WeChat

share