记录一次Element ui中el-row和el-col的坑

先上代码

<div>
  <el-row>
   <el-col :span="24">
     <el-input></el-input>
   </el-col>
  </el-row>

  <el-col :span="24">
    <el-input></el-input>
  </el-col>

  <el-col :span="24">
    <el-input></el-input>
  </el-col>

  <el-row>
    <el-col :span="24">
      <el-input></el-input>
    </el-col>
  </el-row>
</div>

4个输入框，只有中间两个没有用row包着

此时中间两个输入框是点不了的，也输入不了。

审查元素发现最后一个输入框把它前两个输入框覆盖住了

原因可能是因为Element ui是按照row来排的，最后一个输入框的row是默认接在上一个row下面的，所以导致把它上面两个输入框覆盖住了。

以上均为个人理解（猜测），望大佬指正。