老师，这样可以嘛?
来源：7-2 编程练习
Giggly_girl
2019-09-11 11:01:53
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style>
<link rel="stylesheet" href ="index.css">
.div1{
width:300px;
height:300px;
position:relative;
}
.img2{
top:250px;
left:0;
position:fixed;
}
.img3{
top:250px;
right:0;
position:fixed;
}
</style>
</head>
<body>
<div class="div1">
<img src="http://climg.mukewang.com/59c9f7ce0001839219034033.png" class="img1"/>
<img src ="http://climg.mukewang.com/5a3383c70001f1b702240364.png" class ="img2"/>
<img src ="http://climg.mukewang.com/5a3383d00001a3dd02240364.png" class ="img3"/>
</div>
</body>
</html>写回答
1回答
-
同学你好！
有一点小问题呢~，同学并没有给对联块设置高度以及宽度，并且对联块并没有垂直居中显示。
建议同学给对联块设置一个宽度以及高度，并给其top设置为50%，margin-top为高度一半的负值，来实现垂直居中，以其中一个为例，另一个可参考：
如果我的回答解决了你的疑惑，请采纳，祝学习愉快~
0
相似问题