css定位7-2编程

来源：7-2 编程练习

qq_精慕门6417434

2021-02-24 15:11:04

相关代码：

<!DOCTYPE html>
<html>
<head>
    <title></title>
    <style type="text/css">
        .p2{
            position: fixed;
            right: 0px;
            top:50%;
            height: 400px;
            margin-top:-200px;
        }
        .p3{
            position: fixed;
            left: 0px;
            height: 400px;
            top:50%;
            margin-top: -200px;
        }
    </style>
</head>
<body>
<img class="p1" src="http://climg.mukewang.com/59c9f7ce0001839219034033.png">
<img class="p2" src="http://climg.mukewang.com/5a3383c70001f1b702240364.png">
<img class="p3" src="http://climg.mukewang.com/5a3383d00001a3dd02240364.png">
</body>
</html>