前端footer置底

一、需求:
1、将footer置底
2、将header与footer之间的内容自然伸缩,最小为三者100%

二、方法:
说明:calc() 函数用于动态计算长度值,并指定中间模块的最小高度方可
范例:

  <div class="layout">
      <BaseHeader style="height:64px;"/>
      <router-view style="min-height: calc(100vh - 134px);" />
      <BaseFooter style="height:70px;" />
  div>

你可能感兴趣的:(#,css,前端)