css - Twitter 引导井角文本/图像

Question

我有一个井 div，我想在拐角处附加一个小文本/图像，如此处所示（http://draw.to/D46BqsC）......并将该元素相对于井放置，所以它会像井一样改变位置。最好的方法是什么？谢谢！

Answer 1

您可以使用position: absolute使元素将自身定位在相对于其父级（在本例中为井）的绝对位置。唯一的问题是父元素必须不是静态的，所以你的井可能需要包含在其他东西中。

.my-well {
    position: relative;
}

.my-well span {
    position: absolute;
    top: 0;
    right: 0;
}

<div class="well my-well">
    <span>xxx</span>
</div>​

http://jsfiddle.net/YPcLy/