浮动为啥会影响title属性

Question

<template>
  <div class="my-div">
    <el-form :model="obj">
      <el-form-item >
        <template slot="label">
          <span title="骗人的" class="my">
            我是一个好人啊！
          </span>  
        </template>
      </el-form-item>
    </el-form>
  </div>
  </template>
  <script>
  export default {
    data(){
      return {
         obj:{

         }
      }
    },
    methods: {
      
    }
  
  }
  </script>
  <style scoped lang="scss">
  .my-div{ 
  }
  .my{

    border: 1px solid blueviolet;
    margin: 2px;
    
  }
  </style>

Answer 1

因为被el-form-item__content覆盖了，float会使元素脱离文档流，而后面元素的层级又比前面同级元素层级高，所以被覆盖了，可以增加form的label-width属性，或者设置下el-form-item__label的层级