CSS布局的诡异问题，如图

Question

问题描述

如图，一样的css却导致三角形的位置不一样

问题出现的环境背景及自己尝试过哪些方法

移动端

相关代码

// 请把代码文本粘贴到下方（请勿用图片代替代码）

.info-label {
        display: inline-flex;
        outline: 1px solid #1cc0da;
        color: #1cc0da;
        padding: 1px 4px;
        position: relative;
        margin-left: 6px;
        font-size: 10px;
        justify-content: center;
        align-items: center;
        &:after {
          position: absolute;
          display: block;
          content: '';
          width:0;
          height:0;
          border-width:0 0 4px 4px;
          border-style:solid;
          border-color:transparent transparent #1cc0da transparent;
          bottom: -1px;
          left: -4px;
          z-index: 1;
        }
      }

你期待的结果是什么？实际看到的错误信息又是什么？

Answer 1

你是求知不是花钱雇人干活要求还那么多！