任何方法来修复图像的位置

Question

左侧有图像，右侧有文字。像两列布局一样。

我希望当我滚动文字时，图像应该保留在页面的中心。

我尝试使用

position:fixed

但问题是，有时当我将IE窗口调整为小尺寸时，图像保持在相同位置，当我向下滚动时，它会从主要内容区域出来。

我希望该图片应滚动，但应保留在内容区域内。它不应该移出主要内容区域。

Answer 1

.content{ position: relative }
.image{ position: absolute; top: 0; left: 50%; }

<div class="content">
   <div class="image">
      <img src="image.jpg" />
   </div>
</div>