If the content that you don't want occluded has a bottom padding, your floating footer will be right atop that extra padding.

But further more, with flex and grids you can handle it even better. Without any hack. This doesn't sound like the most complex thing I've seen done with CSS.

You've identified the hack I already mentioned in my post. If there are simple flex or grid solutions feel free to post them.