老师为什么我右边有显示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回答
同学你好,1. 同学在第一个与第二个img中class书写错误,建议同学将calss修改为class。修改后代码如下所示:

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

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

如果我的回答解决了你的疑惑,请采纳,祝学习愉快~
相似问题
回答 1
回答 2