html - 位置之间的冲突：固定和溢出：css中的可见属性

Question

这是情况。我正在构建一个网页，我将图像放置在页面的右侧。当我缩小浏览器窗口时，我希望出现水平滚动条，所以我包括溢出：可见属性。我还希望图像定位固定，这样当页面向下滚动时，中间的内容与背景一起滚动，但图像保持原样。但是我无法将这两个功能都带到我的页面上。这两个属性似乎相互冲突。有办法解决吗？

Answer 1

你的代码太少。前面的问题以代码为例。尝试修复img：

img.fixed{
  position: fixed;
  right: 10px;
  top: 10px;
  width: 100px;
  z-index: 55;
}

Answer 2

我认为您需要使用称为媒体类型的 css 概念....

你不能只使用position:fixed

将此CSS添加到您的页面

@media all and (max-width: 699px), (max-height: 500px){
.overflowDiv{
         position:fixed;top:100px;height:100px;width:100px;
         overflow:scroll;
         }

根据您的需要更改最大宽度和最大高度

这是jsfiddle 演示

希望它会帮助你。

谢谢