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

Question

我想写下面的内容：

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

outter是td元素，textarea在里面。我想在textarea或td的右上角有一个固定的浮动按钮。而这个textarea和td落后于这个浮动按钮。我尝试使用z-index来做到这一点，但没有用。

该按钮也是一个下拉菜单。

有人可以告诉我如何实现这个吗？

由于

Answer 1

你可以通过给外容器位置：relative; 然后是内部元素来做到这一点：

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

然后你可以用z-index“分层”它们。

仅仅因为我没有包括JSFiddle而输掉了6分 - 这是一个演示 - http://jsfiddle.net/spacebeers/WYrwf/

Answer 2

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

http://jsfiddle.net/e2Ggm/