css - Twitter bootstrap 井 Angular 文本/图像

Question

我有一个井 div，我想在 Angular 落附上一个小文本/图像，如此处所示 ( 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/