如何将按钮放在右上角?

10
我该如何将按钮放在右上角?我尝试了很多CSS的方法,但我真的无法理解它们,并且它们也不起作用。有人能告诉我一些简单易行的方法吗?这是我的按钮的HTML和CSS代码。
HTML: < a href="#" class="myButton">green< /a>
CSS: http://www.stefanpage.ml/questions/css-1.html 每一个回答都是有用的! :) 这就是我的意思。
3个回答

15
position: absolute;
top: 10px;
right: 10px;

我唯一想添加的是 z-index: 999; - user4580220
谢谢!这很有帮助! :) - Stefan Đorđević

9
您是否正在寻找类似于此的内容:
.myButton {

    padding: 30px;
    display:block;
    background-color: green;
    color: white;
    text-align:center;
    position: absolute;
    top: 10px;
    right: 10px;

}

https://jsfiddle.net/6dg8nc4u/

如果这是您要寻找的内容,请将其标记为正确答案。

谢谢!


哇!我不知道这么容易!非常感谢你!你帮助了我的网站成长! :) - Stefan Đorđević
我会在获得15+声望后这样做...我是新来的 ;) - Stefan Đorđević

2
.myButton {
    position: fixed; /* or position: absolute; */
    top: 0;
    right: 0;
}

那只是定位的代码,其他样式被省略了。

谢谢,这很有帮助! - Stefan Đorđević

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接