粘性页脚问题

时间:2013-06-11 11:40:21

标签: html

我是网络样式的新手,所以请耐心等待。我有一个html内容和样式表如下所示,它没有浮动页脚问题就可以正常工作。但是各种开发人员已经创建了很多解决方案,我确信这是有充分理由的(例如http://ryanfait.com/resources/footer-stick-to-bottom-of-page/)。我想知道为下面的页面布局定义的css是否将页脚保持在页面底部是不够的,如果它将来会在某些情况下产生问题。

CSS:

html,body {
    height:100%;
}

#body {
height:75%;
} 

HTML

 <html lang="en">
        <head id="myHeader" title="Hello sample">
            <style type="text/css">
                html,body {
                     height:100%;
                    }
                #body {
                   height:80%;
                      }
            </style>
        </head>
        <body>
                <div>
                    <div >
                        <p> This is the header </p>
                    </div>
                </div>

            <div id="body" >
               <div >
                        <p> This is the body </p>
                </div>
            </div>
                <div >
                   <div >
                        <p> This is a footer </p>
                </div>
                </div>
        </body>
    </HTML>

1 个答案:

答案 0 :(得分:1)

尝试像这样制作页脚css:

position:absolute;
bottom: 0px;
豫ICP备18024241号-1