兼容各个浏览器的footer置底效果

diaao1360

于 2012-08-21 11:14:00 发布

阅读量196

点赞数

原文链接：http://www.cnblogs.com/qdwang/archive/2012/08/21/2648735.html

版权

源地址：http://ryanfait.com/resources/footer-stick-to-bottom-of-page/

key css：

    * {
    margin: 0;
    }
    html, body {
    height: 100%;
    }
    .wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -4em;
    }
    .footer, .push {
    height: 4em;
    }

html：

    <html>
        <head>
            <link rel="stylesheet" href="layout.css" ... />
        </head>
        <body>
            <div class="wrapper">
                <p>Your website content here.</p>
                <div class="push"></div>
            </div>
            <div class="footer">
                <p>Copyright (c) 2008</p>
            </div>
        </body>
    </html>

转载于:https://www.cnblogs.com/qdwang/archive/2012/08/21/2648735.html