< 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

.
MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1b9d7b3-2f36f.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1b9d7b3-2f36f.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?