layui-设置div固定在页面上不随滚动条滚动

思考：腾讯云的服务器购买界面，选择不同的配置会显示对应的价格，价格框固定在页面底部，不会随着滚动条滚动而滚动，便于用于查看价格。这里实现的是固定这个价格框，使其不会滚动。

layui中div的属性设置放在CSS中，首先设置一个CSS样式。

 <style>
      *{margin:0;padding:0;}

           .money{                
                line-height: 50px;
                font-size: 10px;    //设置字体大小
                font-weight: bold;    //字体粗细
                color: #800000;    //字体颜色
                background-color: #999;    //div框的背景颜色

                left:200px; //设置div框的左边距
                bottom:20px;
                width: 1000px;    //div框的宽度
                height: 130px;    //div的高度
                position:fixed;    //设置div框是固定的
                
            }
</style>

然后在body中引用

<div class="layui-card money" >
   <div class="layui-row" style="background-color:aliceblue; margin-top:9px">
      <div  style="margin-left: 9px;">
         商品：
      </div>
   </div>
   <div class="layui-row" style="background-color:aliceblue; margin-top:9px">
     <div  style="margin-left: 9px;">
       价格：
     </div>
 </div> 
</div>

最终的效果显示是这样的，即使滚动页面也不会，这个价格框也不会动