请问代码是否正确，有完善的地方吗？
来源：2-4 编程练习
郭_洁
2019-05-12 02:00:15
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
/*此处写代码*/
*{
margin:0;
padding:0;
}
.header{
width:800px;
height:100PX;
background-color: black;
border: 1px black solid;
position:absolute;
overflow:hidden;
zoom:1
}
.logo{
width:300px;
float:left;
cursor:pointer;
}
.nav{
font-family: "宋体";
font-size:20px;
font-weight: bold;
overflow:hidden;
zoom:1
}
.nav ul{
list-style: none;
float:right;
line-height: 100px;
}
.nav ul li{
display:inline-block;
margin:20px;
}
.nav ul li a{
text-decoration:none;
color:#fff;
}
</style>
</head>
<body>
<!-- 此处写代码 -->
<div class="header">
<div class="logo">
<a href="#"> <img src="http://climg.mukewang.com/58c0d2d900016ce303000100.png"/> </a>
</div>
<div class="nav">
<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回答
-
你好同学，代码的问题与修改如下：
1导航设置上下边距导致整体溢出，文字不能垂直居中
间距修改一下即可，上下不需要间距只设置左右间距：
两个值的时候，第一个表示上下，第二个表示左右
2.根据要求，整体的导航需要设置居中，如下：
水平垂直居中原理 :元素设置top ,left值为50%之后 ,它的左上角会水平垂直居中,所以需要往上和往左移动元素宽高的一半 ,这样能够让元素中心点居中
如上完善即可，祝学习愉快 ，望采纳。
0
相似问题
回答 3
回答 1