向左显示元素会留下空白

Question

请参阅http://jsfiddle.net/jGCx9/

我有right: 28px导致span元素向左移动，但这不会为以下元素留下空间（这里是一些文本）。

如何防止创建此空白？

Answer 1

这是预期的行为，因为position: relative;只允许您移动指定的元素而不会对其他元素产生任何影响。在你的范围内尝试margin-left的负值，即使这可能是一种肮脏的技巧。

span {
    display: inline-block;
    margin-left: -38px;
    position: relative;
    top: 1px;
}

Answer 2

改为使用position: absolute;，并将其相对于其包含元素的左上角定位。这样，它将完全从正常的渲染流中取出，并且不会影响其他元素。 http://jsfiddle.net/jGCx9/1/

span {
    position: absolute;
    left: 108px;
    top: 1px;
}