检查代码。。。
来源：2-15 position-sticky（了解即可）
qq_慕九州7040881
2020-04-05 14:28:29
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
*{
padding: 0;
margin: 0;
}
body{width:100%;
height:auto; }
.head{
position: fixed;
background: red;
height: 200px;
width: 100%;
top:0px;
}
.foot{
position: absolute;
background: green;
height: 200px;
width: 100%;
bottom: 0;
}
.tu{
margin: 200px 0;
height: 600px;
width: 100%;
overflow: scroll;
position: absolute;
}
img{
display: block;
}
</style>
</head>
<body>
<div class="head">
</div>
<div class="tu">
<img src="http://climg.mukewang.com/58c0eda50001e12416000480.jpg">
<img src="http://climg.mukewang.com/58c0edb80001c9f216000480.jpg">
<img src="http://climg.mukewang.com/58c0edc9000100d516000480.jpg">
</div>
<div class="foot">
</div>
</body>
</html>
1回答
-
好帮手慕久久
2020-04-06
同学你好，已经在另一个问题中进行了回复，可以查看，链接：https://class.imooc.com/course/qadetail/211148
0
