如何将页脚保持在页面底部(HTML Javascript CSS)

use*_*747 -4 html css sticky-footer

如何将页脚保留在页面底部?这是我的代码:

<footer> Copyright 2013 All rights reserved.
Run Code Online (Sandbox Code Playgroud)

就是这样.是否有任何CSS可以用来将页脚缩小到页面底部,因为当我使用<footer>代码时它保持在中间而不是底部.

jah*_*hie 8

你可以使用CSS:

.footer {
    position:fixed;bottom:0;

    width:100%;
    display:block;
}
Run Code Online (Sandbox Code Playgroud)

  • 这将使页脚粘贴到浏览器窗口的底部,始终可见,如果页面较长,则会与其他内容重叠.我认为OP需要澄清他们是否需要,如果这只是关于那些没有达到折叠的较短页面. (2认同)