diff --git a/packages/container/__tests__/container.spec.ts b/packages/container/__tests__/container.spec.ts
index c6445ab4163d1..141edef940653 100644
--- a/packages/container/__tests__/container.spec.ts
+++ b/packages/container/__tests__/container.spec.ts
@@ -32,7 +32,7 @@ describe('Container.vue', () => {
     }
 
     const wrapper = mount(TestComponent)
-    expect(wrapper.vm.$el.classList.contains('is-vertical')).toBe(true)
+    expect(wrapper.classes('is-vertical')).toBe(true)
   })
 
   test('direction', () => {
diff --git a/packages/container/doc/basic.vue b/packages/container/doc/basic.vue
index 6f54afd5bf01d..dda6db01e4d67 100644
--- a/packages/container/doc/basic.vue
+++ b/packages/container/doc/basic.vue
@@ -50,31 +50,31 @@
 
 <style scoped>
 .el-header, .el-footer {
-    background-color: #B3C0D1;
-    color: #333;
-    text-align: center;
-    line-height: 60px;
-  }
-  .el-aside {
-    background-color: #D3DCE6;
-    color: #333;
-    text-align: center;
-    line-height: 200px;
-  }
-  .el-main {
-    background-color: #E9EEF3;
-    color: #333;
-    text-align: center;
-    line-height: 160px;
-  }
-  body > .el-container {
-    margin-bottom: 40px;
-  }
-  .el-container:nth-child(5) .el-aside,
-  .el-container:nth-child(6) .el-aside {
-    line-height: 260px;
-  }
-  .el-container:nth-child(7) .el-aside {
-    line-height: 320px;
-  }
+  background-color: #B3C0D1;
+  color: #333;
+  text-align: center;
+  line-height: 60px;
+}
+.el-aside {
+  background-color: #D3DCE6;
+  color: #333;
+  text-align: center;
+  line-height: 200px;
+}
+.el-main {
+  background-color: #E9EEF3;
+  color: #333;
+  text-align: center;
+  line-height: 160px;
+}
+body > .el-container {
+  margin-bottom: 40px;
+}
+.el-container:nth-child(5) .el-aside,
+.el-container:nth-child(6) .el-aside {
+  line-height: 260px;
+}
+.el-container:nth-child(7) .el-aside {
+  line-height: 320px;
+}
 </style>