jquery - 如何使子div = 父级的高度显示:inline-block and unspecified height?

Question

由于与 tumblr 自定义怪癖相关的原因，我必须将按钮的背景与父按钮分开。

这是 html:

<a href="link">
    <div class="innerNest"> //I'm guessing we need this to bring the two divs to T:0 L:0
        <div class="buttonText">{tumblr variable}</div>
        <div class="buttonBG"></div>
    </div>
</a>

这是我坚持使用的CSS，至少对于标签:

a{
    display: inline-block;
}

我在这里制作了一个非常具有描述性的jsfiddle:http://jsfiddle.net/hVuaf/35/

注意:像这样就很容易了(用于演示目的的内联 CSS):

<a href="link" style="background-color:#fff;display:inline-block">Link</a>

但我就是做不到，这与我想要控制 Tumblrs 自定义主题编辑面板中分配的变量颜色有关。基本上它支持山丘的颜色，但我需要使用 rgba，而不是 #，因此我需要分离按钮的组件。

谢谢。

Answer 1

这就是你所追求的吗？

http://jsfiddle.net/cdj2L/

基本上，我已将 anchor 设置为position:relative，然后里面的文本就是标准的。然后我将背景设置为绝对值，宽度/高度为 100%，填充 anchor 。最后，z-index 整理了分层。

希望有帮助:)