小编Alb*_*ert的帖子

位置固定“按钮”，旋转 90 度，固定在屏幕右侧

对于一项作业，我需要添加一个旋转 90 度并固定在屏幕右侧的 div，这样如果向下滚动，按钮就会随屏幕移动。

问题是，如果我将 div 旋转 90 度（使用 bootstrap 或 css），固定位置不会改变，并在 div 右侧留下一些空白。同时保持事物的响应能力。

.popup-btn{
  position: fixed;
  width: 100px;
  height; 100px;
  right: 0;
  top: 50%;
  background-color: green;
  padding: 1%;
  -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

Run Code Online (Sandbox Code Playgroud)

<div class="popup-btn">
    <a href="#">Example div</a>
</div>

Run Code Online (Sandbox Code Playgroud)

我尝试过使用媒体查询并将权限定位为 right: -5,5% 之类的值，但这不是解决此问题的好方法。有谁知道如何正确地将 div 固定在屏幕右侧？

按钮应如何粘在侧面的示例：

html css responsive-design bootstrap-4

Alb*_*ert

2020 08-20

2
推荐指数

1
解决办法

2645
查看次数

标签统计

bootstrap-4 ×1

css ×1

html ×1

responsive-design ×1

位置 固定“按钮”，旋转 90 度，固定在屏幕右侧

标签 统计

小编Alb_ert的帖子

位置固定“按钮”，旋转 90 度，固定在屏幕右侧

标签统计