老师麻烦帮我看看,为什么我这个图片在慕课网里面显示宽度是撑满,搜狗右边宽度有空白?

老师麻烦帮我看看,为什么我这个图片在慕课网里面显示宽度是撑满,搜狗右边宽度有空白?


<!DOCTYPE html>

<html>

<head>

  <meta charset="UTF-8">

  <title></title>

  <style type="text/css">

    /*此处写代码*/*{padding:0;margin:0;font-family:"微软雅黑";font-size:18px;}

    li{list-style:none;}

    .header{background:black;width:100%;

    height:100px;line-height:100px;

    color:white;position:fixed;}

    .nav li{display:inline;

       float:right;

       right:0;

       padding:0 20px;


    }

    img{width:1621px;}

    .banner{height:auto;padding-top:100px;clear:both;width:100%;

    }

    .footer{background:black;color:white;width:100%;

        height:100px;line-height:100px;

        text-align:center;

        position:fixed;

        bottom:0;

    }

    span{margin:0 20px;}

  </style>

</head>

<body>

  <!-- 此处写代码 -->

  <div class="header">

      <ul class="nav">

          <li>课程</li>

             <li>职业路径</li>

                <li>实战</li>

                   <li>猿问</li>

                      <li>手记</li>

      </ul>

  </div>

  

  <div class="banner">

      <img src="http://img1.sycdn.imooc.com/climg//58c0eda50001e12416000480.jpg">

       <img src="http://img1.sycdn.imooc.com/climg//58c0edb80001c9f216000480.jpg">

        <img src="http://img1.sycdn.imooc.com/climg//58c0edc9000100d516000480.jpg">

  </div>

  

  <div class="footer">

      <span>网页首页</span>

       <span>企业合作</span>

        <span>人才招聘</span>

         <span>联系我们</span>

          <span>常见问题</span>

           <span>友情链接</span>

  </div>

</body>

</html>


正在回答

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

2回答

看我的是可以的呀,

http://img1.sycdn.imooc.com/climg//58f894f10001ec2519200468.jpg

http://img1.sycdn.imooc.com/climg//58f895480001001301770040.jpg把这个改成值改为100%;就行了。你用谷歌试下,我是用谷歌测试的。

一路电光带火花 2017-04-20 17:54:01

因为你给图片的宽度设置了width:1621px;而浏览器的宽度大于1621px的话,就会有空白。这里可以把图片的宽度设置为width:100%;就可以了

  • 提问者 卖火柴的小老鼠 #1
    没有,我开始是设定的100%,结果不行,我改了试了下,还是不行
    2017-04-20 18:37:52
问题已解决,确定采纳
还有疑问,暂不采纳

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

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

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

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

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

在线咨询

领取优惠

免费试听

领取大纲

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