老师为什么我右边有显示fixed,但是左边却没有

来源:7-2 编程练习

AOSOUL

2020-04-08 11:35:01

<!DOCTYPE html>

<html>

<head>

    <meta charset="UTF-8">

<title></title>

<style>

    .img{width:100px;

         height:100px;

    }

    

    .img2{width:200px;

          height:300px;

          top:240px;

          right:0px;

          position:fixed;

    }

    

    .img3{width:200px;

          height:300px;

          top:240px;

          left:0px;

          position:fixed;

    }

    

</style>

</head>

<body>

  <div>

      <img calss="img1" src="http://climg.mukewang.com/59c9f7ce0001839219034033.png">

  </div> 

  <div>

      <img class="img2" src="http://climg.mukewang.com/5a3383c70001f1b702240364.png">

  </div>

  <div>

      <img calss="img3" src="http://climg.mukewang.com/5a3383d00001a3dd02240364.png">

  </div>

</body>

</html>


写回答

1回答

好帮手慕小尤

2020-04-08

同学你好,1. 同学在第一个与第二个img中class书写错误,建议同学将calss修改为class。修改后代码如下所示:

http://img.mukewang.com/climg/5e8d6467090dd30011880280.jpg

2. 建议同学为boby与第一个图片(.img1)设置度为100%,使第一个图片平铺浏览器。修改后代码如下所示:

http://img.mukewang.com/climg/5e8d660109d8240103090237.jpg

3. 第二个与第三个图片未居中显示,建议设置距离顶部50%的高度,然后再往回移动div高度的一半的距离。修改后代码如下所示:

http://img.mukewang.com/climg/5e8d650b0947389c04100486.jpg

如果我的回答解决了你的疑惑,请采纳,祝学习愉快~

0

0 学习 · 4928 问题

查看课程