老师，我的代码有问题吗
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 | <!DOCTYPE html><html><head> <meta charset="UTF-8"><title></title><style type="text/css">.div1{width: 150px;height: 200px;position: absolute;top: 190px;left:180px;}.div2{width: 150px;height: 200px;position: absolute; top: 190px; right: 180px;}img{width: 100%;height: 100%;}</style></head><body> <img src="http://img1.sycdn.imooc.com/climg//59c9f7ce0001839219034033.png"> <div class="div1"> <img src="http://img1.sycdn.imooc.com/climg//5a3383d00001a3dd02240364.png"> </div> <div class="div2"> <img src="http://img1.sycdn.imooc.com/climg//5a3383c70001f1b702240364.png"> </div></body></html> |
1
收起
正在回答
4回答
同学你好！完成的不错，但是margin-top;最好是为高度的一半的负值会更好。也就是-100px。
祝学习愉快~
mrfengyun
2019-06-26 12:30:06
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 | 修改以后的代码正确吗？<!DOCTYPE html><html><head> <meta charset="UTF-8"><title></title><style type="text/css">.div1{width: 150px;height: 200px;position: fixed;top: 50%;margin-top: -50px;}.div2{width: 150px;height: 200px;position: fixed; top: 50%;margin-top: -50px;right:0px;}img{width: 100%;height: 100%;}</style></head><body> <img src="http://img1.sycdn.imooc.com/climg//59c9f7ce0001839219034033.png"> <div class="div1"> <img src="http://img1.sycdn.imooc.com/climg//5a3383d00001a3dd02240364.png"> </div> <div class="div2"> <img src="http://img1.sycdn.imooc.com/climg//5a3383c70001f1b702240364.png"> </div></body></html> |
从网页搭建入门Java Web2018版
- 参与学习 人
- 提交作业 1088 份
- 解答问题 10204 个
如果你有Java语言基础，又想以后从事Java Web开发，那么本路径是你的不二选择！本路径从网页搭建开始入手，通过大量案例来学习Java Web基础。定能助你完成Java Web小白的蜕变！
了解课程
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧