Question

我是网络样式的新手，所以请耐心等待。我有一个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>

Answer 1

尝试像这样制作页脚css：

position:absolute;
bottom: 0px;

粘性页脚问题

1 个答案: