Html 标记上的相对位置问题 跨度{ 位置:相对位置; 左:100px; }

Html 标记上的相对位置问题 跨度{ 位置:相对位置; 左:100px; },html,css,hyperlink,css-position,Html,Css,Hyperlink,Css Position,如下图所示,文本和链接向右移动100px, 但是,我仍然可以单击文本在定位之前所在的空白区域。 如何在不使用绝对位置的情况下修复该问题? 谢谢你们的时间和帮助,你们是最棒的 您的代码使您的span向右移动100px,但是a元素同时包装一些文本和100px空白 要解决这个问题,您应该在a元素上添加margin,如下所示: <style> span{ position:relative; left:100px; } </style&g

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


您的代码使您的
span
向右移动100px,但是
a
元素同时包装
一些文本和100px空白

要解决这个问题,您应该在
a
元素上添加
margin
,如下所示:

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

a{
位置:相对位置;
左:100px;
}
//或
a{
左边距:100px;
}

不错的屏幕截图!您知道,下次可以使用
prt sc
我不知道如何在mac上打印屏幕来显示手形图标。使用
Command-Shift-3
CMD-Shift-3仅打印屏幕,但不会显示箭头或手形图标。
<style>
    a{
        position:relative;
        left:100px;
    }
    // OR
    a{
        margin-left:100px;
    }
</style>