标签上的位置相对问题

Question

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

如下图所示，文本和链接向右移动100px， 但是，我仍然可以在定位之前单击文本所在的空白区域。 如何在不使用绝对位置的情况下修复它？ 感谢您的时间和帮助，你们是最好的。

Answer 1

您的代码使span向右移动100px，但a元素包含some text和100px空格。

要解决此问题，您应该将margin添加到a元素中，如下所示：

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