Day.02.06 固定定位小案例
2017-02-06 本文已影响2人
挂树上的骷髅怪
<!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>
小结:
1.当滑动最右面的滑动条是,div固定不动
