老师帮忙看下代码有什么问题
来源：2-2 编程练习
T9FernandoTorres
2019-12-17 18:27:10
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>网页布局</title>
<style type="text/css">
*{padding: 0;margin: 0}
.header{
width: 100%;
height: 100px;
}
.header img{
width: 300px;
height: 85px;
padding-left: 100px;
padding-top: 8px;
}
.heder .logo{
float: left;
}
.heder .nav{
float: right;
}
.heder .nav ul{
padding-right: 100px;
}
.heder .nav ul li{
float: left;
list-style: none;
width: 80px;
height: 100px;
line-height: 100px;
font-size: 15px;
font-weight: bolder;
color: #7d7d7d;
display:block;
}
</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回答
-
同学你好，效果实现的不太正确，老师这样测试是这样的：
是因为同学的样式没有设置成功，查看代码发现选择器名字写错了：
改正之后效果就正确了。
如果我的回答帮助到了你，欢迎采纳，祝学习愉快~
0
相似问题