2-7练习 老师，麻烦看看我的代码有什么需要改进的
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
/*此处写代码*/
*{margin:0;padding:0}
a{text-decoration:none;
color:#fff;}
li{list-style-type:none;}
.header{background-color:#000;
width:100%;
height:100px;
position: fixed;
top:0;}
.logo{float:left;
font-size:0;}
.nav{color:#fff;
float:right;}
.nav ul{line-height:100px;}
.nav ul li{float:left;
margin:0 10px;}
.pone, .ptwo, .pthree{font-size:0;}
.pone{margin-top:100px;}
.pthree{margin-bottom:100px}
.footer{background-color:#000;
color:#fff;width:100%;
height:100px;
line-height:100px;
position:fixed;
bottom: 0;}
.footer ul{width:100%;
text-align:center;}
.footer ul li{display:inline-block;
margin:0 50px;}
</style>
</head>
<body>
<!-- 此处写代码 -->
<div class="header">
<div class="logo"><img src="http://img1.sycdn.imooc.com/climg//58c0d2d900016ce303000100.png" alt="logo" /></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>
<div class="contant">
<div class="pone"><a href="#"><img src="http://img1.sycdn.imooc.com/climg//58c0eda50001e12416000480.jpg" alt="logo" /></a></div>
<div class="ptwo"><a href="#"><img src="http://img1.sycdn.imooc.com/climg//58c0edb80001c9f216000480.jpg" alt="logo" /></a></div>
<div class="pthree"><a href="#"><img src="http://img1.sycdn.imooc.com/climg//58c0edc9000100d516000480.jpg" alt="logo" /></a></div>
</div>
<div class="footer">
<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>
<li><a href="#">友情链接</a></li>
</ul>
</div>
</body>
</html>0
收起
正在回答
2回答
你好同学 , 图片的宽度没有平铺浏览器 ,如下:
如下设置 :
完善一下吧 , 祝学习愉快 ,望采纳 .
慕数据5051454
2018-11-15 13:46:21
老师，修改完之后我发现，这个图片的宽度比我浏览器的宽度还大，我只有向右移动才能看到图片的其余部分，我怎样才能让图片大小和屏幕大小一致？
相似问题
老师，麻烦看一下
5
0
2
老师，您好，麻烦您看一下我的代码，哪里有问题？
0
2
11
老师麻烦帮我看看代码还有没有需要修改的地方
0
0
5
麻烦老师看一下代码
22
0
8
7-2项目作业的答案在哪儿查看
2
0
3
登录后可查看更多问答，登录/注册
前端小白入门系列课程
- 参与学习 人
- 提交作业 11218 份
- 解答问题 36713 个
从一个不会编程的小白到一个老司机是需要过程的，首先得入门，学习基础知识，然后才能进阶，最后再到精通，本专题是你走进前端世界的不二选择！
了解课程
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星