如何使用 TD 内的“顶部”CSS 属性偏移元素？答案

【问题标题】：How do I offset an element using the 'top' CSS property inside a TD?如何使用 TD 内的“顶部”CSS 属性偏移元素？
【发布时间】：2014-10-06 13:37:10
【问题描述】：

所以我想将一个元素向上偏移 5 个像素。我设置了position: absolute 和top: -5px。现在元素相对于页面定位，而不是包含的 TD 标记。我理解absolute positioning wrong 吗？它确实说

将其定位在相对于其最近位置的指定位置祖先或包含块。

祖先是TD吧？

对于绝对定位的元素（那些有 position: absolute 或 position: 固定），它指定上边距之间的距离元素的边缘及其包含块的上边缘。

那么为什么这个JsFiddle 相对于页面而不是TD 呈现表格内容块？

【问题讨论】：

标签： css

【解决方案1】：

你缺少一个位置：relative;在父 TD 元素中。默认情况下，TD 不包括该内容。

CSS 来修复它：

td {
  position: relative;
}

【讨论】：

【解决方案2】：

因为您错过了以下部分：最接近定位的祖先，关键字是“定位”。

添加：

td {
    position:relative;
}

你会得到这个jsFiddle example

【讨论】：