element-ui layout布局

今天在新建的vue中需要用到el组件的布局，但是侧边栏总会占一行，需要展示的页面会在侧边栏的下边，如下图：

而且，侧边栏菜单的样式也没有。li标签还有原始的小点，如下：

（其实在这里就该意识到是css的问题）
然后我新建的一个空项目，复制element官网上的例子，安装element-ui依赖：

npm install --save element-ui 

在main.js中：

import Element from 'element-ui'
Vue.use(Element)

但是还是出现下面的奇怪情况：

原来还需要在main.js中引入css:

import 'element-ui/lib/theme-chalk/index.css';

然后布局就正常了:

然后在我的项目中也引入css，布局也正常了：

el-button的样式也随之显示出来了。。。