浮动为啥会影响title属性

<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>

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

有没有一种可能，title 超出了屏幕。margin 100px 试试