固定在屏幕下方的div，不滚动 

<html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <title></title>
        <style type="text/css">
            html,body{
                padding:0;
                margin:0;
            }
            #low_right{
                position: fixed;
                width: 100%;
                height: 90px;
                background: #eee;
                background-color: #DCFCE9;
                text-align: center;
                bottom:0;
                left:0;
                right:0;
            }
        </style>
    </head>
<body>
<script type="text/javascript">
     
</script>
    <div style="width:100%;height:500px;background:#FFE7BA"></div>
    <div style="width:100%;height:500px;background:#FFAEB9"></div>
    <div style="width:100%;height:500px;background:#CDCDB4"></div>
    <div id="low_right">
        右下角
    </div>
 
</body>
</html>

 

posted @ 2015-11-30 15:20  王永东gg  阅读(404)  评论(0)    收藏  举报