When using absolute positioning, when the page content is too much, sliding down will appear a blank style, how to solve it?

address of the web page

http://www.xinlizhiyouni.com/.

use absolute positioning so that the page can cover the visual area of the browser

.content {
    position: absolute;
    top: 0;
    bottom: 0em;
}

but when there is too much content on the page, sliding down will show a blank style. how to solve it?

add

if the content is too short without absolute positioning, when the user opens the page, he will see a large blank space at the end

Oct.20,2021

resubmit the answer
well, by the way, top: 0 and bottom: 0 are not usually set.

  

can be positioned without positioning, and the effect is the same.

Menu