Say I have a code like:

<div id="mydiv">This text is supposed to stay at the bottom of the window regardless of scrolling</div>

How can I program that (or use css) to keep at the bottom of my browser window, even when scrolling?

Help is very much appreciated

<div class="stickyFooter">This text should stay at the bottom of the screen.</div>

That text stays fixed at the bottom of the screen.

commented: Only comment that correctly addressed OP's request. +4

I have used this approach several times. Adapted from:

<!DOCTYPE html>
* {margin: 0;}
html, body {height: 100%;margin: 0;}
.wrapper {min-height: 100%;height: auto !important;height: 100%;margin: 0 auto -100px;}

  <div class="wrapper">
     <p>Page Content</p>
  <div class="footer">
     <p>Footer Content</p>