HTML CSS examples for CSS Widget:Footer stick to bottom
Scrollable Sticky Footer
<html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style id="compiled-css" type="text/css"> * {<!--from www. ja v a2 s.c om--> margin:0; } html, body { height:100%; } .wrap { min-height:100%; margin-bottom:-71px; } .wrap:after { content:""; display:block; } .site-footer, .wrap:after { height:71px; } .site-footer { background:orange; } </style> </head> <body> <div class="wrap"> <h1>Lorem ips</h1>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi ullamcorper </div> <footer class="site-footer "> <p>Lorem <strong>Lorem ipsum dolor</strong>Lorem ipsum dolor s</p> </footer> </body> </html>