html - 你能相对或绝对定位显示中的元素吗 :table-cell?

Question

我有一个链接，我希望它始终位于它所在单元格的右下角。现在该链接位于

元素中。我尝试同时进行绝对定位和相对定位，但我可以获得我想要的效果。

我有一行有 4 个单元格，当尝试应用绝对位置时，它将元素带到右边的最后一个单元格......而不是仅仅将它放在它所在的单元格内。我尝试了各种方法但是不确定我是真的累了还是在尝试做不可能的事情。

我对 css 表格很陌生，所以我可能会想错了。

这是一个例子:

• > http://jsfiddle.net/56H5x/1/

最右边的“了解更多”链接应该位于第一个单元格的右下角。

提前致谢。

Answer 1

同时设置 position:absolute在子元素上 <p>设置 position:relative在父元素上 <div>有<p>元素。

因此子元素将相对于其父元素。

编辑:

工作 JS Fiddle在 Chrome、Safari、Opera 和 IE 中

但在 Firefox 中不兼容，因为 Firefox 不遵守 position:relative在 display:table-cell元素。

参见 reference :