v-html出来的内容不占位置，导致footer浮上来了

Question

其他页面都是好的，就商品详情里的内容是v-html出来的，然后footer就浮上来了，百度也没搜到解决方法

<template>
     <div class="g-page">
         <g-header></g-header>
         <g-nav></g-nav>
         <main>
            <g-main></g-main>
         </main>
         <g-footer></g-footer>
     </div>
</template>

我是这样把footer顺序放在main内容后面的，想请教一下路过的有没有经历过类似的情况，这能解决不？？

Answer 1

布局问题，可以使用弹性布局，使得g-footer与上面内容区分，上面则file:1占满即可；