4-3我的作业两侧部分好像和效果图有区别
来源:4-3 编程练习
慕无忌8417539
2018-11-13 16:00:10
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style>
*{padding:0;margin:0;}
.pa{background:url(http://climg.mukewang.com/59c9f7ce0001839219034033.png) no-repeat top center;width:100%;height:4043px;background-size:100% 100%;}
.left{background:url(http://climg.mukewang.com/5a3383c70001f1b702240364.png) ;width:220px;height:360px;position:fixed;top:50%;margin-top:-180px;}
.right{background:url(http://climg.mukewang.com/5a3383d00001a3dd02240364.png);width:220px;height:360px;position:fixed;top:50%;margin-top:-180px;right:0;}
</style>
</head>
<body>
<div class="pa"></div>
<div class="left"></div>
<div class="right"></div>
</body>
</html>
3回答
好帮手慕夭夭
2018-11-13
你好同学 , 没有明白同学描述的图片是往哪里突出的 .老师这个测试效果是可以的 . 请同学把浏览器测试效果截图上传一下 . 以便老师定位问题 . 祝学习愉快 !
慕无忌8417539
提问者
2018-11-13
我是说两侧图片和背景图的对齐方式不对,比如左侧图片往左突出来很多
好帮手慕夭夭
2018-11-13
你好同学 , 效果是可以的 . 两侧图片与效果图的高度是不一样的 ,可以如下修改 :
本练习主要是练习固定定位 . 图片高度的差别是可以存在的 . 祝学习愉快 ,望采纳 .
相似问题