老师，麻烦查下下作业，谢谢。
来源：2-2 编程练习
qq_慕移动3101913
2019-07-22 16:04:39
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
*{
margin: 0;
padding:0;
}
.header{
width:100%;
height:80px;
}
.header img{
width:200px;
height:80px;
padding-left: 50px;
}
.header .logo{
float: left;
}
.header .nav{
float: right;
}
.header .nav ul{
padding-right:50px;
}
.header .nav ul li{
float: left;
list-style: none;
line-height: 80px;
width:80px;
height:80px;
color:;
font-size:15px;
font-weight: bold;
}
</style>
</head>
<body>
<div class="header">
<div class="logo">
<img src="http://climg.mukewang.com/595dd5120001736902000080.png" alt="logo">
</div>
<div class="nav">
<ul>
<li>前端</li>
<li>后端</li>
<li>移动端</li>
<li>数据库</li>
</ul>
</div>
</div>
</body>
</html>
1回答
-
同学你好，导航项这里，因为文字的数量是不一致的，占用的宽度也不一样，直接设置宽度的话，会导致导航项之间的间距不一致，建议：可以去掉宽度，由文字撑开，然后使用左右的内边距调整距离，例：
希望能帮助到你，欢迎采纳。
祝学习愉快！
0h019-07-23
相似问题