Implementing Footer In The Advanced Search Tab Drawer

I am trying to develop a sticky footer similar to w3schools. I used the same code in my material UI demo, but it is not working. I debugged and changed position from fixed to absol

Solution 1:

The element above your footer is causing the screen height to increase. You need to make the position of the footer relative to that element, so it is always below it.

position: "relative",