Geek asks and answers

Put a <div> that is below

How to place a <div>at the bottom of the page that will remain there even if I scroll the page? Is it possible to do this only with CSS, or do I also need to use jQuery?

Demo

+3
source share
3 answers

Just put position:fixed;:

http://jsfiddle.net/niklasvh/gyExR/17/

+7
source

You can use fixed positioning for your div:

div.footer {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;   
    height: 100px;     
    /* etc. */
}
+2
source

position: fixed " " div padding-bottom: 50px ( , " " div), body, :

: http://jsfiddle.net/gyExR/19/

body {
    padding-bottom: 50px
}
div {
    position: fixed;
    ..
}

: http://caniuse.com/css-fixed

+1

More articles:


All Articles