Day.02.06 固定定位小案例

<!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固定不动

最后编辑于：2017.12.05 13:30:59

Day.02.06 固定定位小案例

推荐阅读更多精彩内容