如何将按钮放在右下方和上方的所有位置?

时间:2017-05-18 18:39:06

标签: javascript css button

现在,我在页面顶部创建了一个带有引导程序的按钮。This

我想知道,我怎么能把它移到右下方并去掉它周围的所有白线。我必须在js代码中创建它。

    var button='<button type="button" class="btn btn-success" data placement="bottom">Click here</button>&nbsp;';
    $("#tree-container").append(button);

我希望这样:enter image description here

upd:我正在使用烧瓶,因此只有一行有意义的HTML代码:

      <script src="{{url_for('static', filename='MyTree.js')}}"></script>

其他是样式和lib下载

3 个答案:

答案 0 :(得分:1)

.btn.btn-success {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 999999;
}

答案 1 :(得分:0)

您可以使用CSS绝对定位

来完成此任务

答案 2 :(得分:0)

要让按钮始终位于右下角,请查看fixed position using css

要使其始终显示在其他元素之上,请将z-index属性设置为高于页面上的所有元素。 z-index Reference