结果可以这样吗

老师，我这样写的代码是正确的吗？还有什么需要改进的地方的？

<!DOCTYPE html>

<html>

<head>

.div1{

position: relative;

}

.div2{

position: fixed;

top: 275px;

left: 220px;

}

.div3{

position: fixed;

top: 275px;

right: 220px;

}

#img1{

width: 245px;

height: 260px;

}

#img2{

width: 245px;

height: 260px;

}

</style>

</head>

<body>

</div>

</div>

</div>

</body>

</html>

源自：CSS定位 7-2 编程练习

收起

2回答

时间，回答被采纳获得+3积分 2020-06-04 18:12:40

同学，你好。浏览器中body标签默认的margin为8px，同学可以使用下图中的方式去掉所有标签的margin和padding即可

如果我的回答解决了您的疑惑，请采纳！祝学习愉快~~~~

水果大王提问者 #1

发现笔记本电脑的展示屏幕不能自适应显示，很难分辨，第一张图宽度太宽，但台式电脑就不会，有什么方法可以解决这个问题吗？

2020-06-04 22:07:37
时间，回复提问者水果大王 #2

同学，你好。同学可以设置背景图片和外层div的width为100%即可，祝学习愉快~~~~

2020-06-05 09:51:29
水果大王提问者回复时间， #3

老师，代码现在算完整了吗？ <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>test.html</title> <style type="text/css"> *{ margin:0px; padding: 0px; } .div1{ position: relative; } .div2{ position: fixed; top: 50%; margin-top: -182px; left: 0px; } .div3{ position: fixed; top: 50%; margin-top: -182px; right: 0px; } </style> </head> <body> <div class="div1"> <img src="http://img1.sycdn.imooc.com/climg//59c9f7ce0001839219034033.png" /> </div> <div class="div2"> <img id="img1" src="http://img1.sycdn.imooc.com/climg//5a3383d00001a3dd02240364.png" /> </div> <div class="div3"> <img id="img2" src="http://img1.sycdn.imooc.com/climg//5a3383c70001f1b702240364.png" /> </div> </body> </html>

2020-06-05 10:30:36