Html 具有绝对定位子元素的分段高度元素

我正在尝试使用绝对定位的

：before

伪元素来设计一些元素的样式。以下是我目前如何实现这一目标：

.element:before {    
    content: "";
    display: block;
    height: 0;
    width: 0;
    border: 10px solid #ad0c38;
    border-right-color: transparent;
    border-bottom-color: transparent;
    position: absolute;
    bottom: 0px;
    right: -20px;
}

问题是，当我有一个具有多个元素样式的列表时，这些元素具有分段高度（例如，

高度：10.3px

，记住在使用百分比时也可以得到分段数字），有时效果会向上或向下移动一个像素。您可以在下面的小提琴中看到这一点：

---

是否可以强制元素始终向上（或向下）取整，以便浏览器取整后我的元素始终具有相同的像素高度？

在CSS中，使用

top:0而不是
底部：0

这里是
您需要分段高度吗？移除，移除位移。只是想让您知道，在Chrome中，值被截断了——我实际上需要截断，因为我无法控制元素是否具有分段高度。这说明了我的情况会好一点。请注意，我没有设置要分割的高度，但是百分比生成了它。这个解决方案可以修复这个示例，但是我当前的场景比这个稍微复杂一些。我编辑了我的问题，以反映我实际需要的内容，如果可以强制元素始终向上（或向下）舍入，那么在浏览器舍入后，我的元素将始终具有相同的像素高度。