【问题标题】:How to put button in up-right corner?如何将按钮放在右上角?
【发布时间】:2018-12-22 19:24:25
【问题描述】:

如何在右上角放置一个按钮?我尝试了很多 CSS 的东西,但我真的无法理解它们,而且它们不起作用。有人能告诉我一些简单的事情吗?这是我的按钮的 HTML 和 CSS。

HTML:绿色
CSS:http://www.stefanpage.ml/questions/css-1.html

每个答案都很有用! :)

This is how i mean that.

【问题讨论】:

    标签: html css alignment


    【解决方案1】:
    position: absolute;
    top: 10px;
    right: 10px;
    

    【讨论】:

    • 我唯一要添加的是 z-index : 999;
    • 谢谢!这很有帮助! :)
    【解决方案2】:

    您是否正在寻找这样的东西:

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

    https://jsfiddle.net/6dg8nc4u/

    如果您正在寻找,请标记为正确答案。

    谢谢!

    【讨论】:

    • 哇!我不知道这很容易!太感谢了!你帮助我的网站成长! :)
    • 我会在获得 15+ 声望时...我是新来的 ;)
    【解决方案3】:
    .myButton {
        position: fixed; /* or position: absolute; */
        top: 0;
        right: 0;
    }
    

    这只是定位的代码。所有其他样式都被忽略了。

    【讨论】:

    • 谢谢,这很有帮助!
    猜你喜欢
    • 2015-03-15
    • 2020-08-30
    • 1970-01-01
    • 1970-01-01
    • 2013-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多