兼容性良好的 sticky-footer 布局

    <div class="content">
        <div class="content-wrapper">
            <div class="content-main">
                <p>水光潋滟晴方好，山色空蒙雨亦奇，欲把西湖比西子，淡妆浓抹总相宜</p>
                <p>水光潋滟晴方好，山色空蒙雨亦奇，欲把西湖比西子，淡妆浓抹总相宜</p>
                <p>水光潋滟晴方好，山色空蒙雨亦奇，欲把西湖比西子，淡妆浓抹总相宜</p>
                <p>水光潋滟晴方好，山色空蒙雨亦奇，欲把西湖比西子，淡妆浓抹总相宜</p>
                <p>水光潋滟晴方好，山色空蒙雨亦奇，欲把西湖比西子，淡妆浓抹总相宜</p>
                <p>水光潋滟晴方好，山色空蒙雨亦奇，欲把西湖比西子，淡妆浓抹总相宜</p>
                <p>水光潋滟晴方好，山色空蒙雨亦奇，欲把西湖比西子，淡妆浓抹总相宜</p>
                <!--<p>水光潋滟晴方好，山色空蒙雨亦奇，欲把西湖比西子，淡妆浓抹总相宜</p>
                <p>水光潋滟晴方好，山色空蒙雨亦奇，欲把西湖比西子，淡妆浓抹总相宜</p>
                <p>水光潋滟晴方好，山色空蒙雨亦奇，欲把西湖比西子，淡妆浓抹总相宜</p>
                <p>水光潋滟晴方好，山色空蒙雨亦奇，欲把西湖比西子，淡妆浓抹总相宜</p>
                <p>水光潋滟晴方好，山色空蒙雨亦奇，欲把西湖比西子，淡妆浓抹总相宜</p>-->
            </div>
        </div>
        <div class="content-end">
            <p>赞西湖</p>
        </div>
    </div>

.content {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        overflow: auto;
        background: rgba(0,0,0,0.2);
        color: #fff;
}
.content-wrapper {
        display: inline-block;
        min-height: 100%;
}
.content-main {
        padding-bottom: 64px;
}
.content-end {
        position: relative;
        width: 48px;
        margin: -64px auto 0 auto;
        clear: both;
}