I have been using sticky footer for a while. But, the approach I used was not compliant with random height.

So, I took a look at this one:

http://ryanfait.com/resources/footer-stick-to-bottom-of-page

It is a different approach but still requires fixed dimensions in the heigh of the footer.

Would there be any way to have a sticky footer which will work if some content in it requires the footer to go over a certain height?

To test this, see https://jsfiddle.net/r4o9g5hv.

This is presently fixed at 100px. However, if you resize the browser, you will see the footer will start to have content which is bumped outside the footer area.

The goal is to find a way in the style to make a footer having a minimum height of 100px, which will also remain ok if the content is increased.