如何在右下角放置一个静态按钮?

时间:2019-05-27 11:30:05

标签: html css bootstrap-4

我需要在页面的右下角放置一个按钮并将其设置为静态。如果滚动,它需要保持在原位。

我尝试将其放置在CSS上,但水平不够。

<input type="button" onclick="delegar.php" id="delegar" value="Delegar">

#delegar {
    position:relative;
    rigth: 100%;
    bottom: 100%;
}

4 个答案:

答案 0 :(得分:2)

更改CSS

#delegar {
    position:fixed;
    right: 10px;
    bottom: 10px;
}

答案 1 :(得分:2)

您可以使用固定位置来执行此任务。它将使您的按钮保持在底部。

PlayerPrefs.HasKey()

答案 2 :(得分:1)

<div class="container-bottom">
    <input type="button" onclick="delegar.php" id="delegar" value="Delegar">
</div>

.container-bottom { position: relative; }

#delegar {
    position:relative;
    right: 10px;
    bottom: 10px;
}

答案 3 :(得分:0)

您需要将元素的位置设置为fixed。参见下面的示例:

self.text_widget= Text(self.frame1, font=("Arial", 20), fg="white", bg="#DAA520", height = 12)