Html 您是否可以相对或绝对地将项目定位在“显示：表格”单元格中？

我有一个链接，我想一直在它所在单元格的右下角。现在链接位于元素中。我尝试了绝对定位和相对定位，但我可以得到我想要的效果

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

我对css表格非常陌生，所以我可能会完全错误地思考这个问题

以下是一个例子：

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

---

提前谢谢

在子元素上设置

位置时：绝对
在父元素上设置
位置时：相对
具有
元素

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

编辑：

工作
在Chrome、Safari、Opera和IE中

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

请参阅：
编辑的：抱歉。。！！错过了：）。正如ahsaan所说，添加相对于.layout单元格的位置并修改HTML，如下所示

 .layout-cell {
    display: table-cell;
    vertical-align: top;
    position: relative;
 }

 .layout-cell div{
   position:absolute;
   bottom:0;
   right:0;
  }

<div class="layout-cell columnBody-wrapper curvedBottom">
    <p>Column 3</p>
    <div><a class="button button" href="#">Learn More</a></div>
</div>

.layout单元格{
显示：表格单元格；
垂直对齐：顶部；
位置：相对位置；
}
.layout单元格分区{
位置：绝对位置；
底部：0；
右：0；
}
第3栏

扩展Ahsan Rathod在firefox中解决此问题的答案，将内容包装在div中，并在此div上设置属性，而不是将div设置为显示表单元格

.cell-div {display:table-cell}
.relative-div {position:relative; width:100%}
.absolute-el {position:absolute}

<div class="cell-div">
    <div class="relative-div">
        <div class="absolute-el">
            <img ... >
        </div>
    </div>
</div>

.cell div{display:table cell}
.relative div{位置：相对；宽度：100%}
.绝对el{位置：绝对}
简短回答-否。请参见
位置：相对的定义的最后一行：谢谢您指出这一点。肯定学到了一些新的东西，我想我需要重新思考我的布局，除非可以用另一种方式。
位置：相对
的效果没有定义在
表格单元格
元素上-因此，根据我的技术，这将不起作用，请参阅此演示：它在chrome、IE、Opera、Safari中工作。。。但不是在Firefox中，谢谢您提供的附加信息和该bug的链接。这似乎正是我所需要的lol，但我也需要它在firefox上工作。我相信在实际使用之前，我可能需要更多地查看显示：表。不过我已经对你的回复投了赞成票。谢谢Damainman，顺便说一句，有些人在不了解背景的情况下否决了投票，这对那些人来说是个坏习惯。同意，np，谢谢你试图解决我的问题。我通常从不投反对票，除非答案是垃圾邮件，无关的，或者只是一个曲奇饼式的答案。再次感谢！我还希望链接出现在单元格底部。