Css 绝对元素继承相对父div'；s宽度

我试图将渐变放置在内联/内联块锚链接上，并使该渐变继承父锚的宽度。问题是跨度要么继承锚点父对象的整个宽度，要么仅继承锚点的宽度。我无法使跨度元素在保持锚在线显示的同时正确继承宽度

CSS

HTML

---

在我看来，无法使用

位置：绝对

我不确定这是否适合您，但是给
a
位置：relative
和
a span

left: 0px;
right: 0px;
top: 0px;
bottom: 0px;

？
@AbysLogic否，我的意思是只将父对象设置为相对，但将子对象设置为绝对，这应该会使子对象占用与父对象相同的空间（如果您希望的话）。哦，奇怪的是，我认为相对定位是自动的-我不知道我必须在代码中定义它。这就解决了，谢谢！这被称为绝对位置冲突：哦，哇，我也不知道相对位置必须被明确定义。谢谢你的回答！对于那些认为相对定位是默认的人来说，默认定位实际上是静态定位
<a href="index.php"><span>&nbsp;</span>Index</a>

left: 0px;
right: 0px;
top: 0px;
bottom: 0px;