老师我这样做行吗哪里需要改进的

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
.img1{
position: absolute;
top: 0px;
left: 0px;
width: 100%;
}
.img2,.img3{
width: 200px;
height: 350px;
}
.div2{
position: fixed;
left: 1%;
top: 30%;
}
.div3{
position: fixed;
right:1%;
top: 30%;
}
</style>
</head>
<body>
<div class="div1">
<img class="img1" src="http://img1.sycdn.imooc.com/climg//59c9f7ce0001839219034033.png">
 
<div class="div2">
<img class="img2" src="http://img1.sycdn.imooc.com/climg//5a3383c70001f1b702240364.png">
</div>
 
<div class="div3">
<img class="img3" src="http://img1.sycdn.imooc.com/climg//5a3383d00001a3dd02240364.png">
</div>
</div>
</body>
</html>

jia_蛙 2019-10-10

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

收起

1回答

提问者 jia_蛙 2019-10-10 10:27:56

<style type="text/css">
    .img1{
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
    }
    .img2,.img3{
        width: 200px;
        height: 350px;
    }
    .div2{
        position: fixed;
        left: 1%;
        top: 50%;
        margin-top: -175px;
    }
    .div3{
        position: fixed;
        right:1%;
        top: 50%;
        margin-top: -175px;
    }
</style>