在div底部获得页脚

Question

I have a div that I would like to put a fixed position footer on. It's very simple and light. When I add the bottom: 0px; position: fixed; bottom: 0px; position: fixed; to keep it at the bottom of the div, it goes to the bottom of the page and it's not even fixed. I'm usually pretty good with this stuff, but this has just driven me crazy. Here is a link to a JSFiddle with the code. Please tell me what you think is wrong.

Answer 1

Position fixed is relative to the whole document. Set the parent relative and the footer absolute:

DEMO

.post-contain { position: relative; }
.author-box {   position: absolute; }

Also why are you setting the p in the footer relative? See the updated demo.

Answer 2

position: fixed is relative to the page.

What you really want is to set .post-contain { position: relative } .author-box { position: absolute }