4-3 烦请老师检查，谢谢
来源：4-3 编程练习
Miki未希
2020-05-25 00:22:55
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
*{margin:0;padding:0;}
.bg{width:100%;
height:auto;
position:relative;}
div .l{position:fixed;
top:300px;
left:0;}
div .r{position:fixed;
top:300px;
right:0;}
img{height:400px;
width:240px;}
</style>
</head>
<body>
<div>
<img class="bg" src="http://climg.mukewang.com/59c9f7ce0001839219034033.png"/>
<div class="r"><img src="http://climg.mukewang.com/5a3383c70001f1b702240364.png"/></div>
<div class="l"><img src="http://climg.mukewang.com/5a3383d00001a3dd02240364.png"/></div>
</div>
</body>
</html>写回答
1回答
-
好帮手慕小鱼
2020-05-25
同学你好，左侧与右侧广告块没有实现垂直居中效果。
建议：广告块定位的top值设为50%，这时广告块的上边是垂直居中的。此时需要让广告块往上移动自身高度的一半，让它们的中心垂直居中。
具体参考如下：
如果我的回答帮助了你，欢迎采纳。祝学习愉快~
0
相似问题