elemen中el-popper组件加上滚动条，小三角定位错乱了，有什么方法解决？

Z时代
2024-02-15
分类：IT

.el-popper{
  max-width: 628px;
  max-height: 120px;
  line-height: 20px;
  padding-bottom: 0;
  color: #000000;
  overflow: auto;
}.pop

回答：

希望能帮到你：

页面：

<el-popover
  placement="top-start"
  title="标题"
  width="200"
  trigger="hover"
  popper-class="popperStyle"
>
  <div class="content">
    测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试
  </div>
  <el-button slot="reference">hover 激活</el-button>
</el-popover>

样式：

<style lang="scss" >
  .popperStyle {
    .content {
      height: 100px;
      line-height: 23px;
      padding-bottom: 0;
      color: #000000;
      overflow-y: auto;
    }
  }
</style>