未登录
登 录
×
<返回上一级
底部固定,高度自动,跟随滚动条滚动

现在的样式,看起来简单,但里面深奥的东西太多,套路太多,还是自己不够聪明呀!!!

 

 

<!DOCTYPE html>
<html>
<head>
    <title></title>
    <style type="text/css">
    html,
    body{
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 0;
        border: 0;
    }
    .a1{
        width: 100%;
        min-height: 100%;
        margin-bottom: -80px;
        background: #090;
        overflow: hidden;
    }
    .content{
        padding-top: 9999px;
        margin-top:  -9999px;
        background: #900;
        padding-bottom: 80px;
    }
    .a2{
        width: 100%;
        height: 80px;
        background: #009;
    }
    </style>
</head>
<body>
<div class="a1">
    <div class="content">
        test<br />
        test<br />
        test<br />
        test<br />
        test<br />
        test<br />
        test<br />
        <!-- test<br />
        test<br />
        test<br />
        test<br />
        test<br />
        test<br />
        test<br />
        test<br />
        test<br />
        test<br />
        test<br />
        test<br />
        test<br />test<br /> -->

    </div>
</div>
<div class="a2"></div>
</body>
</html>