绝对元素继承相对父div的宽度吗?

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (1)
  • 关注 (0)
  • 查看 (162)

我正在尝试在内联/内嵌块锚点链接上放置一个渐变,并让该渐变继承该父锚的宽度。问题在于跨度要么继承锚的父项的整个宽度,要么只是继承宽度的&nbsp ;. 我无法使span元素正确地继承宽度,同时保持锚内嵌显示。

CSS:

a { width: auto; display: inline-block; }

a span { background: url(../images/fade_h1.png); width: 100%; height: 12px; position: absolute; display: block; z-index: 3; }

HTML:

<a href="index.php"><span>&nbsp;</span>Index</a>
提问于
用户回答回答于

我不确定这是否是你要的效果,但你还是可以参考下的:

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

?

扫码关注云+社区

领取腾讯云代金券