diff --git a/packages/theme-chalk/src/col.scss b/packages/theme-chalk/src/col.scss
index 7136bd78c..c2a3387d5 100644
--- a/packages/theme-chalk/src/col.scss
+++ b/packages/theme-chalk/src/col.scss
@@ -10,7 +10,7 @@
   display: none;
 }
 
-@for $i from 1 through 24 {
+@for $i from 0 through 24 {
   .el-col-#{$i} {
     width: (1 / 24 * $i * 100) * 1%;
   }
@@ -34,7 +34,7 @@
   .el-col-xs-0 {
     display: none;
   }
-  @for $i from 1 through 24 {
+  @for $i from 0 through 24 {
     .el-col-xs-#{$i} {
       width: (1 / 24 * $i * 100) * 1%;
     }
@@ -59,7 +59,7 @@
   .el-col-sm-0 {
     display: none;
   }
-  @for $i from 1 through 24 {
+  @for $i from 0 through 24 {
     .el-col-sm-#{$i} {
       width: (1 / 24 * $i * 100) * 1%;
     }
@@ -84,7 +84,7 @@
   .el-col-md-0 {
     display: none;
   }
-  @for $i from 1 through 24 {
+  @for $i from 0 through 24 {
     .el-col-md-#{$i} {
       width: (1 / 24 * $i * 100) * 1%;
     }
@@ -109,7 +109,7 @@
   .el-col-lg-0 {
     display: none;
   }
-  @for $i from 1 through 24 {
+  @for $i from 0 through 24 {
     .el-col-lg-#{$i} {
       width: (1 / 24 * $i * 100) * 1%;
     }
@@ -134,7 +134,7 @@
   .el-col-xl-0 {
     display: none;
   }
-  @for $i from 1 through 24 {
+  @for $i from 0 through 24 {
     .el-col-xl-#{$i} {
       width: (1 / 24 * $i * 100) * 1%;
     }