Place an element at the bottom of the page and don’t miss scrolling with css

Question

I want to place this div at the bottom of the screen, and it should stay at the bottom, even when there is a scroll. But now it moves when I scroll:

<div style="color:#FFF; position:absolute; bottom:0px;">
<?php
$time_taken=round(getmicrotime()-$time_start,4);
echo"Generated in ".$time_taken." seconds";
?>
</div>

Answer 1

You need to set positionin fixedand set properties of topand accordingly left.

Here's how to create it.