为什么右边的广告快只显示了一半呢

为什么右边的广告快只显示了一半呢

<!DOCTYPE html>

<html>

<head>

    <meta charset="UTF-8">

<title></title>

<style>

   .bg{

       background:url(http://img1.sycdn.imooc.com/climg//59c9f7ce0001839219034033.png);

       width:100%;

       height:4043px;

   } 

   .left{

    width: 100px;

    height: 200px;

    position: fixed;

left: 0;

top: 50%;

margin-top: -100px;

   }

   .right{

    width: 100px;

    height: 200px;

    position: fixed;

    right: 0;

    top: 50%;

    margin-top: -100px

   }

</style>

</head>

<body>

<div class="bg"></div>

<div class="left"><img src="http://img1.sycdn.imooc.com/climg//5a3383c70001f1b702240364.png"></div>

<div class="right"><img src="http://img1.sycdn.imooc.com/climg//5a3383d00001a3dd02240364.png"></div>

</body>

</html>


正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

2回答
卡布琦诺 2018-03-18 09:21:03

http://img1.sycdn.imooc.com//climg/5aadbeea0001480d08980733.jpg

建议结合这张图来理解哦~

Miss路 2018-03-14 20:19:19

你的图片设置的宽度有问题,你设置宽度为100px,那么它只能显示100px的宽度,左边的因为left为0,所有右边的能显示出来全部的,右边的图片就不一样了,就只能显示100px了。

  • 提问者 逐光 #1
    那右边应该是现实右半边啊 为什么会显示左半边呢
    2018-03-17 00:59:17
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
前端小白入门系列课程
  • 参与学习           人
  • 提交作业       11218    份
  • 解答问题       36713    个

从一个不会编程的小白到一个老司机是需要过程的,首先得入门,学习基础知识,然后才能进阶,最后再到精通,本专题是你走进前端世界的不二选择!

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师