请问老师这样可以吗
来源：7-2 编程练习
_Crush_
2020-03-15 14:03:44
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>慕课网</title>
<style type="text/css">
.div0{
width:1500px;
}
#img1{
width:100%;
height:100%;
}
#div1{
position:fixed;
left:0px;
top:120px;
}
#div2{
position:fixed;
right:0px;
top:120px;
}
</style>
</head>
<body>
<div class="div0">
<img id="img1" src="http://climg.mukewang.com/59c9f7ce0001839219034033.png"/>
<div id="div1">
<img src="http://climg.mukewang.com/5a3383d00001a3dd02240364.png"/>
</div>
<div id="div2">
<img src="http://climg.mukewang.com/5a3383c70001f1b702240364.png"/>
</div>
</div>
</body>
</html>写回答
1回答
-
好帮手慕小班
2020-03-15
同学你好，根据题目要求，对联左右块元素相对于窗口垂直居中，建议同学参考以下思路：
给图片设置top为50%，这个div的上边缘就相对于窗口居中了。但不是div的中间线和窗口居中，所以我们需要将它“拽回来”一些。给div一个高度（比如：260px）。然后给div一个负的外边距。margin-top设置为高的一半。将其“往上拽”高度的一半。修改后代码如下：
如果我的回答解决了你的疑惑，请采纳，祝学习愉快~
0
相似问题