iview引入sider后高度不能撑满

Question

iview中sider高度问题

iview中引入layout组件进行布局，选择的是顶部-侧边布局

<template>
  <div class="layout">
    <layout>
      <Header>
        <liwei-header></liwei-header>
      </Header>
      <layout>
        <Sider>
          <liwei-sider></liwei-sider>
        </Sider>
        <Layout>
          <Content>
            Content
          </Content>
        </Layout>
      </layout>
    </layout>
  </div>
</template>

结果如图
左边栏不能将屏幕撑满，在网上找了一个链接描述，但是除了之后整个左边栏都不见了，因为他用的是绝对定位。

麻烦各位帮看下怎么优雅的处理这个问题，谢谢~

Answer 1

设置content的最小高度，占满屏幕。

Answer 2

找到一个链接描述可以解决，谢谢大家~

Answer 3

easy, 在父容器中定义高度为100vh就可以了，例如

#app {
  ......
  height: 100vh;
}