iview中修改布局组件中的侧边栏高度

问题

iview中的布局组件看起来十分不舒服，原因在于它的高度不能铺满屏幕全屏，而官方也没有相关修改高度的api，要改变它的高度就必须要修改它的默认样式。

方法

这是官方的布局

这样看起来就很不舒服

修改样式代码

在Sider标签的上一个Layout父标签添加

style="position:absolute;top: 64px;bottom: 0px;left: 0px;right: 0px;"

然后再在 class="layout"的div标签添加样式

 width:100%;
 height:100%;

这是就可以看到iview的布局高度是撑满全屏 的了