1

我正在尝试使用绝对定位: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;
}

问题是，当我有一个包含多个这样样式的元素的列表，并且元素具有分数高度height:10.3px时（例如，记住在使用百分比时您也可以得到分数），有时效果会向上或向下移动一个像素。您可以在下面的 Fiddle 中看到这一点：

JS Fiddle 与当前行为

是否可以强制元素始终向上（或向下）四舍五入，因此在浏览器四舍五入后我的元素将始终具有相同的像素高度？

4

1 回答 1

0

在你的 CSS 中，使用top: 0;代替bottom: 0;

这是示例

于 2014-03-15T23:12:40.917 回答