< router-view > Why not occupy the area, and the footer under it can have the same starting point as it?

< template >

<div id="app">
   
   
    
        <v-header>
        </v-header>
        <router-view ></router-view>
        <v-footer>
        </v-footer>
        
    <!-- <router-link to="/list"></router-link> -->
    
</div>

< / template >

footer should be displayed after < router-view > content is displayed, but my footer and < router-view > overlap. It seems that < router-view > occupies 0 space, but there is actually content showing

.
Jul.08,2022

there is a Dom out of the document stream. Take a look at your css.


each subcomponent has a line
position: absolute;
. Just delete it

.
Menu