老师指点下呗
鼠标移动到 “内容分类”上时不展示列表内容 请老师指点 html css 代码如下 烦请老师运行后指点下问题出在哪里
html
<!DOCTYPE html>
<html>
<head>
<title>油画商城</title>
<link rel="stylesheet" type="text/css" href="油画商城课程版.css">
<script type="text/javascript" src="油画商城课程版.js"></script>
</head>
<body >
<div id="id1">
<img src="image\logo.png">
<div id="id2">
<div id="a1"><a href="#" >内容分类</a></div>
<ul id="ul1" >
<li>现实主义</li>
<li>理想主义</li>
</ul>
</div>
<a href="#" id="a2">登录</a>
<a href="#" id="a3">注册</a>
</div>
</body>
</html>
css
body{
margin-left: 0px;
margin-top: 0px;
}
#id1{
float: left;
height: 100%;
width: 100%;
background-color: pink;
}
img{
float: left;
margin-top:25px;
margin-left:50px;
}
#id2{
float: left;
/*background-color: green;*/
margin-top: 40px;
margin-left: 40px;
}
ul{
list-style-type: none;
box-sizing: border-box;
padding-left: 0px;
}
li{
margin-top: 10px;
}
a{
text-decoration:none;
color: black;
}
#a2,#a3{
float: right;
margin-right: 50px;
margin-top: 40px;
}
ul{
display: none;
}
#a1:hover ul{
display: block;
}
正在回答
同学你好，建议同学将闭合的div修改到ul标签的下面。如下所示：
如果我的回答解决了你的疑惑，请采纳！祝学习愉快！
相似问题
登录后可查看更多问答，登录/注册
- 参与学习 人
- 提交作业 676 份
- 解答问题 9666 个
本阶段将从前端网页搭建入手，到Java Web基础，前后端结合助你完成Java Web小白的蜕变！
了解课程
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星