:before/:after 伪元素中不需要的边框

Question

以下代码在桌面浏览器上运行良好。但是在android webview中应用时，似乎有一个额外的边框。关于我应该如何处理这个问题的任何想法？

.container{
          width: 100px;
          height: 50px;
          background-color: #fff;
          color: #000;
          padding: 5px;
          position: relative;
       }
.container:before{
          content: "";
          border-left: 20px solid transparent;
          border-bottom: 50px solid #fff;
          position: absolute;
          left: -20px;
          top: 0;
       }

Answer 1

尝试添加 right:100% 而不是 left: -20px 或仅比实际的 left: -19px; 少 1