用HTML CSS绘制浮动图像

我想用HTML/CSS在主要内容上方绘制一个“浮动”的图像。该位置必须相对于表。目前我正在尝试：

<table>
  <tr><td><img class="float" src="..." />Table Heading</td></tr>
<table>

图像本身相当大（就尺寸而言）。代码正确地定位了图像，但问题是表格单元格变得非常大（大到足以容纳图像）。我希望图像浮动在桌子上方，而不影响桌子的大小。如果我将位置更改为绝对，表格单元格不会展开，但图像将相对于屏幕进行定位，这是我不希望看到的

所以我想知道在HTML中绘制相对于表的浮动图像的正确方法是什么

---

任何帮助都将不胜感激。

将桌子上的位置设置为相对，将图像上的位置设置为绝对。这样，图像的绝对位置将相对于表格，而不是文档

.float {
    position:absolute;
    top:10px;
    left:10px;
}
table {
    border:1px solid #999;
    position:relative;
    top:100px;
}

---

float是css中的一个关键字，您可能不希望css类具有相同的名称；）

.float {
    position:absolute;
    top:10px;
    left:10px;
}
table {
    border:1px solid #999;
    position:relative;
    top:100px;
}