Html 如何在textarea的右上角创建固定浮动按钮

我想写以下内容：

|------------------------------------------------------|</br>
|td                                                    |
| |--------------------------------------------------| |
| |textarea                          floating button | |
| |                                                  | |
| |                                                  | |
| |                                                  | |
| |                                                  | |
| |                                                  | |
| |--------------------------------------------------| |
|------------------------------------------------------|  

|------------------------------------------------------|

|运输署|
| |--------------------------------------------------| |
||文本区域浮动按钮||
| |                                                  | |
| |                                                  | |
| |                                                  | |
| |                                                  | |
| |                                                  | |
| |--------------------------------------------------| |
|------------------------------------------------------|  

outter是td元素，textarea在里面。我想在textarea（td）的右上角有一个固定的浮动按钮。这个文本区域和td在这个浮动按钮的后面。我尝试使用z-index来实现这一点，但没有成功

该按钮也是一个下拉菜单

有人能告诉我如何实现这一点吗

---

谢谢

您可以通过给出外部容器的位置来实现这一点：相对；然后是内部元素：

position: absolute; top: 0px; right: 0px;

然后，您可以使用z索引“分层”它们

---

仅仅因为我没有包括一个JSFIDLE而在6点上失利-这里是一个演示-

或者看看Spacebeers解决方案的实际应用：-）

---

@太空啤酒是对的！但是如果你在文本区域上放置一个按钮，它将覆盖你所写的文本inside@MCSI是的-但这可以通过在textarea中添加填充来解决@ptriek是真的，但在我看来，我不喜欢填充留下的空间，只有我的意见！）@MCSI我要把按钮做成半透明的，而且是实心的。无论如何谢谢。呵呵，外面的世界节奏很快：-）正是我想要的。非常感谢。你说得对。谢谢顺便说一句，为什么当我将在text eidtor中绘制的纯文本图像复制到stackoverflow中时没有换行。