Html 如何删除由图像创建的空白？

我想要文本框/文本区域顶部/左侧的红方块，但我不想要创建空白。附加的图片，上面是没有图片时的样子，中间是我现在看到的，用紫色圈出的空白，下面是我想要的样子

当前图像标记如下所示：

<img src="images/red.png" style="position:relative;display:block;top:10px;z-index:1;" />

更多代码，最后一行是带有图像和文本区域的单元格所在位置：

数值试验 米制的 目标 行为 评论 测试值1： 74.1 65.97 fasdfasdf 您应该为图像使用position:absolute，而不是position:relative，并设置position:relative

---

这样您就不会有空白。

添加此表格单元格的位置：相对，并将图像的位置属性更改为位置：绝对。它会起作用。

您将文本区域和img包装在一个div中，然后正如其他人提到的位置相对和绝对应该这样做，如果您对这如何工作有任何疑问，请随时提问

* { 保证金：0； 填充：0； 框大小：边框框； } td>div{ 位置：相对位置； /*要删除下面的空白，请删除此项以便查看*/ 字号：0； } td>div>img{ 位置：绝对位置； 显示：块； 顶部：10px； z指数：1； } td>div>textarea{ 填充顶部：10px； 边框宽度：1px； 边框样式：实心； 宽度：100%； 字体大小：大号； } 数值试验 米制的 目标 行为 评论 测试值1： 74.1 65.97 fasdfasdf

---

它不是最上面的吗：10px？另外，尝试提供更多代码来调试元素的样式，top:10px将从顶部设置图像10像素-尝试将其更改为top:0px@Doug我想要它所在的图像。我只是不想把空格圈成紫色，把它改成0px，把它放在空格的地方。@ZohirSalakCeNa你需要什么代码？它是表格单元格中的图像和文本区域。父对象可以影响其子对象。反之亦然，请提供更多代码