Css 如何创建浮动重新加载按钮

我在html页面中有以下布局：

+-------------------------------------+
|                          | Reload   |
| dynamic graph image div  +----------+
|                                     |
|                                     |
|                                     |
|                                     |
+-------------------------------------+

Dynamic graph image div将通过jquery POST方法从另一个php页面获取一个图形，并且将有一个重载按钮（重载），该按钮应位于Dynamic div上。每次查询时，该动态图形都将更改。按下此重新加载链接后，jquery代码将再次获取此动态div的图像/图形。通过这种方式，用户不需要重新加载整个页面

但是我如何才能将重新加载链接放置在图像/图形的顶部呢？

简单CSS：

.container_div {
    position:relative;
}
.container_content{
    position:relative;
    z-index:999;
}
.floating_button{
    position:absoltue;
    top:0;
    right:0;
    z-index:1000;
}

使用一些示例html：

<div class="contianer_div">
    <div class="container_content">
        Your content here
    </div>
    <div class="floating_button">
        button content
    </div>
</div>

你的内容在这里
按钮内容

这应该会奏效

进一步阅读：

HTML：

<div id="dynamic">
    <a id="button">reload</a>
<div>

---

这是一个CSS问题，而不是jquery问题

试着这样做：

<div class="container">
    <img class="image" src="image.png"/>
    <a class="reload" href="#">Reload</a>
</div>


.container 
{
   position:relative;
   width:100%;
}

.image
{
    position:absolute;
    top:0;
    left:0;
    z-index:1;

}

.reload
{
    position:absolute;
    top:0;
    right:0;
    z-index:2;
    display:block;
    width:30%;
}

.集装箱
{
位置：相对位置；
宽度：100%；
}
.形象
{
位置：绝对位置；
排名：0；
左：0；
z指数：1；
}
重新加载
{
位置：绝对位置；
排名：0；
右：0；
z指数：2；
显示：块；
宽度：30%；
}

<div class="container">
    <img class="image" src="image.png"/>
    <a class="reload" href="#">Reload</a>
</div>


.container 
{
   position:relative;
   width:100%;
}

.image
{
    position:absolute;
    top:0;
    left:0;
    z-index:1;

}

.reload
{
    position:absolute;
    top:0;
    right:0;
    z-index:2;
    display:block;
    width:30%;
}