<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title> 固定定位 </title>
<style type="text/css">
.div1{
width:200px;
height:200px;
border:1px solid red;
}
.div2{
width:50px;
height:150px;
background:silver;
position:fixed;/*固定定位*/
right:50px;
bottom:50px;
}
</style>
</head>
<body>
<div class="div1">
正月初十<br>
正月初十<br>
正月初十<br>
正月初十<br>
正月初十<br>
正月初十<br>
<div class="div2">三叔家的妹妹生小孩了!</div>
</div>
</body>
</html>
小結(jié):
1.當(dāng)滑動最右面的滑動條是,div固定不動
