由于一般的网页布局，也就是分个侧边导航栏，顶部标题栏，中间内容区域，以及底部版权信心栏。
element为了方便开发人员使用，直接提供了布局容器组件，可以很方便的直接生成上述的布局栏。
2. 全局样式为了让网页的布局占满屏幕，一般在开始布局之前，设定下全局样式，修改index.html，添加全局样式代码如下。
通过如下几个标签设置布局即可：
：外层容器。当子元素中包含 或 时，内部子元素会垂直排列。针对其他元素，则会水平排列。 ：顶部栏容器。 ：侧边栏容器。 ：内容区域容器。 ：底部栏容器。
我们开发一个页面如下：
XX管理系统
内容区域
版权所有
为了便于区分各个区域，我们设置样式如下：
此时效果如下：
左侧内容区域可以添加导航菜单，由于导航菜单不是本节讲解内容，所以只是给出示例：
导航一
菜单1
菜单2
菜单3
导航二
导航三
此时效果如下：
element封装的布局容器足够简单了，说实话感觉没法更简单了。
如果在使用element时，建议直接采用官方提供的布局容器组件，这样兼容性和稳定性会比较好。
