diff --git a/examples/pages/component.vue b/examples/pages/component.vue
index 80c8d34f8..1064e315b 100644
--- a/examples/pages/component.vue
+++ b/examples/pages/component.vue
@@ -2,9 +2,6 @@
   .page-component {
     padding-bottom: 95px;
   }
-  .el-col {
-    box-sizing: border-box;
-  }
   .page-component {
     .content {
       margin-left: -1px;
diff --git a/examples/pages/guide.vue b/examples/pages/guide.vue
index c75fc47d3..fb538838b 100644
--- a/examples/pages/guide.vue
+++ b/examples/pages/guide.vue
@@ -1,7 +1,4 @@
 <style>
-  .el-col {
-    box-sizing: border-box;
-  }
   .page-guide {
     padding: 55px 0 95px;
 
diff --git a/packages/theme-default/src/col.css b/packages/theme-default/src/col.css
index b2a9f58b4..d15eeb4b8 100644
--- a/packages/theme-default/src/col.css
+++ b/packages/theme-default/src/col.css
@@ -3,6 +3,7 @@
 
 .el-col-1, .el-col-2, .el-col-3, .el-col-4, .el-col-5, .el-col-6, .el-col-7, .el-col-8, .el-col-9, .el-col-10, .el-col-11, .el-col-12, .el-col-13, .el-col-14, .el-col-15, .el-col-16, .el-col-17, .el-col-18, .el-col-19, .el-col-20, .el-col-21, .el-col-22, .el-col-23, .el-col-24 {
   float: left;
+  box-sizing: border-box;
 }
 
 @for $i from 1 to 24 {