首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >怎么把按钮放在右下角和上面?

问怎么把按钮放在右下角和上面?
EN

Stack Overflow用户
提问于 2017-05-18 18:39:05
回答 3查看 968关注 0票数 0

现在,我创建了一个按钮,该按钮是在页面顶部使用引导程序创建的。

​

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

代码语言:javascript
复制
    var button='<button type="button" class="btn btn-success" data placement="bottom">Click here</button>&nbsp;';
    $("#tree-container").append(button);

我想要这样的:

​

upd:我正在使用on烧瓶,所以只有一行有意义的html代码:

代码语言:javascript
复制
      <script src="{{url_for('static', filename='MyTree.js')}}"></script>

其他是样式和库下载。

EN

回答 3

Stack Overflow用户

回答已采纳

发布于 2017-05-18 18:42:57

代码语言:javascript
复制
.btn.btn-success {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 999999;
}
票数 3
EN

Stack Overflow用户

发布于 2017-05-18 18:41:47

您可以通过CSS绝对定位来完成这一任务。

票数 0
EN

Stack Overflow用户

发布于 2017-05-18 18:41:51

要使按钮始终位于右下角,请查看使用css固定位置。

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

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/44055546

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档