2-7练习 老师，麻烦看看我的代码有什么需要改进的
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 | <!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
麻烦老师看一下代码
22
0
8
老师麻烦帮我看看代码还有没有需要修改的地方
0
0
5
7-2项目作业的答案在哪儿查看
2
0
3
登录后可查看更多问答，登录/注册
前端小白入门系列课程
- 参与学习 人
- 提交作业 11218 份
- 解答问题 36712 个
从一个不会编程的小白到一个老司机是需要过程的，首先得入门，学习基础知识，然后才能进阶，最后再到精通，本专题是你走进前端世界的不二选择！
了解课程
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧