html - 标签上的相对位置问题

Question

<style>
    span{
        position:relative;
        left:100px;
    }
</style>
<a href="newpage.html"><span>some text</span></a>

如下图所示，文本和链接向右移动 100 像素，但是，我仍然可以单击定位前文本所在的空白区域。我如何在不使用绝对位置的情况下解决这个问题？感谢您的时间和帮助，你们是最棒的。

Answer 1

您的代码使您的spango 100px 正确，但该a元素同时包装some text了 100px 空白。

要解决这个问题，您应该将 amargin添加到您的a元素中，如下所示：

<style>
    a{
        position:relative;
        left:100px;
    }
    // OR
    a{
        margin-left:100px;
    }
</style>