css 右下角的对齐位置粘滞不起作用

pbgvytdp 于 2022-12-20 发布在其他

关注(0)|答案(2)|浏览(152)

我需要这个按钮在屏幕的右下角，但是正如你所看到的，我的代码有问题，我遗漏了什么？
你能帮忙吗？谢谢。

html {
  background: #ccc;
}

.chat {
  width: 55px;
  height: 55px;
  position: sticky;
  bottom: 20px;
  right: 20px;
  background: red;
  border: 0;
}

<button class="chat"></button>

css

来源：https://stackoverflow.com/questions/72126594/aligning-position-sticky-at-the-bottom-right-is-not-working

2条答案

按热度按时间

pzfprimi1#

试试这个：

.chat {
 width: 55px;
 height: 55px;
 position: fixed;
 bottom: 20px;
 left: 20px;
 background: red;
 border: 0;
 }

位置：固定是关键因素。

赞(0）回复(0）举报 2022-12-20

9gm1akwq2#

您可以使用float: right;访问它。

html {
  background: #ccc;
}

.chat {
  width: 55px;
  height: 55px;
  position: sticky;
  bottom: 20px;
  right: 20px;
  background: red;
  border: 0;
  float: right;
}

<button class="chat"></button>

赞(0）回复(0）举报 2022-12-20

我来回答

css 右下角的对齐位置粘滞不起作用

2条答案

相关问题

热门标签

最新问答