老师，我这个哪里可以优化一下
来源：2-4 编程练习
sacred
2019-04-12 16:42:03
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
/*此处写代码*/
*{
margin:0;
padding:0;
color:#fff;
text-align: center;
}
.nav{
width:1100px;
height:100px;
background:black;
position: absolute;
top: 50%;
left:50%;
margin-top: -50px;
margin-left: -550px;
}
.logo{
float:left;
}
.list{
color:#FFF;
line-height: 100px;
float: right;
}
.list li{
list-style-type:none;
display: inline;
padding: 0 35px;
font-size: 22px;
}
a{text-decoration: none;}
</style>
</head>
<body>
<!-- 此处写代码 -->
<div class="nav">
<div class="logo"><a href="#"><img src="http://climg.mukewang.com/58c0d2d900016ce303000100.png"></a></div>
<div class="list">
<ul>
<li><a href="#">课程</a></li>
<li><a href="#">职业路径</a></li>
<li><a href="#">实战</a></li>
<li><a href="#">猿问</a></li>
<li><a href="#">手记</a></li>
</ul>
</div>
</div>
</body>
</html>
1回答
-
好帮手慕慕子
2019-04-12
同学你好， 导航logo这里可以优化一下，由于img标签自带间距，导致实际高度超出导航条的高度
建议修改： 给logo添加font-size： 0；属性消除间距
如果帮助到了你， 欢迎采纳
祝学习愉快~~~
0
相似问题
回答 1
回答 1