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

Question

我想写下面的内容:

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

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

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

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

谢谢

Answer 1

你可以通过给出外容器位置来做到这一点:相对; 然后是内在元素:

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

然后,您可以使用z-index对其进行"分层".

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

Answer 2

或者看看Spacebeers解决方案在行动:-)

http://jsfiddle.net/e2Ggm/