Element ui 布局容器“el-main”的一个问题解决

element ui提供了一个方便的Container 布局容器

：外层容器。当子元素中包含  或  时，全部子元素会垂直上下排列，否则会水平左右排列。

：顶栏容器。

：侧边栏容器。

：主要区域容器。

：底栏容器

再将代码粘过来之后，在中填入文字时发生了诡异的一幕：

代码是这样的：

      aaa

.info{
        border:2px solid #F00;
        width: 700px;
        padding: 0;
        margin: 0;
        height: 30px;
    }

确定了没有任何边距，用f12查看：

aaa上面出现了幽灵般的边距......

找同学复制我的代码到纯html页面中，就不会发生这种问题，最后发现是中的问题

官方代码：

.el-main {
    background-color: #E9EEF3;
    color: #333;
    text-align: center;
    line-height: 160px;
  }

就是这行：line-height导致了那片多出来的寂寞.........