Javascript 引导绝对位置文本区域中的链接

我在bootstrap列中有一些内容。我需要在文本区域内定位链接，如下所示

即使文本区域水平或垂直调整大小，链接也应包含其位置。如何使用jquery或CSS实现这一点

---

您可以添加一个新的div并将

a

和

textarea

放在该div中吗

.txtArea{
职位：相对
}
.记录反馈模式{
位置：绝对位置；
底部：10px；
右：30px；
z指数：1；
}

链接
测试内容

测试内容

测试内容

• 围绕

  textarea

  和

  内联块的链接创建一个相对容器

• 将连杆绝对放置在容器内部

.textarea容器{
位置：相对位置；
显示：内联块；
}
.记录反馈模式{
位置：绝对位置；
底部：1米；
右：1em；
}

测试内容

测试内容

测试内容

感谢您的及时回答。如果调整了textarea的大小，如何使链接水平跟随？

<div class="row">
  <div class="col-sm-8">
    <a data-toggle="tooltip" data-placement="top" title="Record Feedback" role="button" class="recorded-feedback-modal">Link</a>    
    <textarea class="form-control" rows="4" spellcheck="false"></textarea>    
    <p>Test Content</p>
    <p>Test Content</p>
    <p>Test Content</p>
    </div>
</div>

.recorded-feedback-modal {
    position: absolute;
    bottom: 10px;
    right: 30px;
    z-index: 9999;
}