请老师检查下我的代码，不对的地方再给点建议或者解答！
来源：7-2 编程练习
霸气的少年
2019-12-11 18:35:45
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
.img{
width:100%;
height:100%;
}
#main{
position:relative;
height:120%;
}
#div2{
width:200px;
height:260px;
position:fixed;
top:30%;
left:0;
}
#div3{
width:200px;
height:260px;
position:fixed;
top:30%;
right:0;
}
</style>
</head>
<body>
<div id="main">
<img class="img" src="http://climg.mukewang.com/59c9f7ce0001839219034033.png">
<div id="div2">
<img class="img" src="http://climg.mukewang.com/5a3383c70001f1b702240364.png">
</div>
<div id="div3">
<img class="img" src="http://climg.mukewang.com/5a3383d00001a3dd02240364.png">
</div>
</div>
</body>
</html>写回答
1回答
-
同学你好，同学的代码基本完成了题目的效果，很棒！只是这里的小细节还可以调整下，题目要求对联广告需要垂直居中，目前同学的定位效果是固定距离窗口上缘有30%的距离，建议修改一下：
给图片设置top为50%，这个div的上边缘就相对于窗口居中了。但不是div的中间线和窗口居中，所以我们需要将它“拽回来”一些。给div一个高度（260px）。然后给div一个负的外边距。margin-top设置为高的一半。将其“往上拽”高度的一半。修改后代码如下：
如果我的回答解决了你的疑惑，请采纳！祝学习愉快！
0
相似问题