Each time, I'm generating a document with div inside, I'm getting strange behavior at the end of the page, you can see the image above, the last div in the page is covered by the footer. I don't know if I should change something to ensure that the section is not covered by the footer.

I'm showing the same behavior with tables when there is not enough space, It presenting the just one cell like on can see on this image

for each div that needs to stay together, I added

page-break-inside: avoid; -webkit-column-break-inside: avoid; break-inside: avoid; white-space: pre-wrap;

But it is not working properly.