html - 当浏览器不是全屏时，点击此处按钮的定位关闭

Question

当浏览器在我的显示器上显示为全尺寸时，Video Sign 看起来不错，但如果我将浏览器缩小一点，它就会立即消失并开始覆盖“photo Booth”。在我开始添加媒体查询之前，我只想确保代码已正确设置为视频按钮标志。 (手机还没有设置)

http://photoboothtemplates360.com/

header .video-sign {     
  position: absolute;     
  bottom: -30px;     
  right: 28rem; 
}

Screenshot of Website Look at "click For Video" Button

Answer 1

如果您希望视频标志更靠近父级的右侧，您可以更改您的 css 以使用像素。

header .video-sign {
  position: absolute;
  bottom: -30px;
  right: 30px;
}

如果你想让它更灵活，你可以使用百分比。

header .video-sign {
  position: absolute;
  bottom: -30px;
  right: 5%;
}

如果您希望它尽可能靠近右侧，video-sign div 有足够的填充，即使 right: 0 也看起来不错.

但如果不确切了解您希望它的行为方式，则很难说清楚。