图表内的移动按钮

Question

我有以下项目，我在图表上显示信号。最近我实现了 pdf 导出。但是我希望这个按钮位于图例的顶部或下方。我想不通。

<div id="chart"></div>
<button class='export-pdf k-button'>Save as PDF</button>

Answer 1

Try this code.

.k-button {
    float: right;
    margin-top: -45px;
    position: relative;
}

Answer 2

我创建了一个与提供的解决方案略有不同的解决方案。我将你的图表 div 包裹在一个相对定位的 div:

#chart-container { position: relative; }

然后我给按钮绝对定位，所以它总是相对于包装容器（而不是 window）绝对定位。

这是一个 JSFiddle：http://jsfiddle.net/iamjpg/beg04nwf/

祝你好运！