简单实现elementui的el-container布满全屏

在使用element-ui来布局整个后台框架时,会遇到一个问题,如果按照官方的文档写出来的布局是不能实现全屏的。

我们先看看从官方文档复制效果如图:

我们一般要的效果是全屏占满的,那我们如何设置为全屏显示呢?经过多次研究尝试,找到了一种相对简单而靠谱的方案,代码如下:

html,body,#app,.el-container{
padding: 0px;
margin: 0px;
height: 100%;
}

 

写完收工。

avatar
  • 本文由 发表于 2020-05-3017:15:59
2019阿里巴巴技术面试题集锦(含答案) 课外记录

2019阿里巴巴技术面试题集锦(含答案)

为帮助开发者们提升面试技能、有机会入职阿里,云栖社区特别制作了这一份阿里巴巴技术面试题,而且公开了,这是开卷考试了嘛?有兴趣想提升自己或想去阿里云工作的同学可以好好学习一下,我看一下确实是一份值得学习...