Html 文本输入后，将图标保持在表格单元格的右下角

我无法将图标保持在表格单元格的一个位置（在本例中，是表格单元格的右下角）。当我在单元格中输入一些文本时，图标的位置会转移到奇怪的位置，这不是我想要的

<style>
table, th, td {
font-size: 16px;
text-align:center;

}
i.fa-pencil {
position: fixed;
right: 1160px;
bottom:520px;
}
td{
height:100px;
}

</style>

<td ><div class="row_data" edit_type="click" col_name="description"><i class="fa fa-pencil"></i>+val['description']+</div></td>

表，th，td{
字体大小：16px；
文本对齐：居中；
}
i、 fa铅笔{
位置：固定；
右：1160px；
底部：520px；
}
运输署{
高度：100px；
}
+val['description']+

之前：

之后：

---

您需要定位元素

绝对值

，而不是

固定值

表格，
th，
运输署{
字体大小：16px；
文本对齐：居中；
}
.row_数据{
位置：相对位置；
右边填充：25px；
}
i、 fa铅笔{
位置：绝对位置；
右：0；
底部：0；
}
运输署{
高度：100px；
}

益智益智益智益智益智益智益智益智益智益智益智益智益智益智益智益智益智

您需要定位元素

绝对值
而不是
固定值


表格，
th，
运输署{
字体大小：16px；
文本对齐：居中；
}
.row_数据{
位置：相对位置；
右边填充：25px；
}
i、 fa铅笔{
位置：绝对位置；
右：0；
底部：0；
}
运输署{
高度：100px；
}

益智益智益智益智益智益智益智益智益智益智益智益智益智益智益智益智益智
而不是
固定的
位置使用
绝对的
图标位置见下面的演示


表，th，td{
字体大小：16px；
文本对齐：居中；
}
运输署{
高度：100px；
}
表，th，td{
边框：1px纯黑；
}
运输署{
位置：相对位置；
}
td.fa{
位置：绝对位置；
底部：0；
右：0；
填充：6px；
光标：指针；
}

细胞A
hfjkdf fhdks fhdsk fdshjk
而不是
固定的
位置使用
绝对的
图标位置见下面的演示


表，th，td{
字体大小：16px；
文本对齐：居中；
}
运输署{
高度：100px；
}
表，th，td{
边框：1px纯黑；
}
运输署{
位置：相对位置；
}
td.fa{
位置：绝对位置；
底部：0；
右：0；
填充：6px；
光标：指针；
}

细胞A
hfjkdf fhdks fhdsk fdshjk
尝试以下方法：

.row_data{
    position:relative;
}
i.fa-pencil { 
    position: absolute; 
    right: 0px; 
    bottom:0px;
}

根据所需的边距更改右边或底部。
请尝试以下方法：

.row_data{
    position:relative;
}
i.fa-pencil { 
    position: absolute; 
    right: 0px; 
    bottom:0px;
}

根据您需要的边距更改右边或底部。
您能为您的问题创建演示以便我们可以查看吗您能为您的问题创建演示以便我们可以查看如果这对您有效，请接受答案。如果这对你有用的话，谢天谢地接受这个答案。谢谢