Css 即使屏幕大小发生变化，也要精确指定内容的位置

我试图在页面的某个地方指定特定的内容，如何才能做到这一点，即使屏幕大小发生变化，它也始终处于完全相同的位置

jsfiddle=

这里有一些文字

.集装箱{
文本对齐：居中；
}
.展示{
位置：绝对位置；
顶部：45px；
左：350px；
}

在父容器上使用

位置：相对

：

HTML

---

jsiddle演示：

了解flexboxDon't use absolutepositioning@SLaks谢谢，我来检查一下。所以你将图像容器设置为图像的大小，然后我假设display是图像容器div的子对象，具有绝对位置会使其保持在同一位置？@Eric internal elements with position absolute将相对于位置相对的父容器。如果没有父容器具有相对位置，那么它将相对于视口。感谢您的解释和链接。真的很感激！

<div class="container">
  <img src="http://i.imgur.com/iGIFvH6.png" style="width:354px;height:228px;">
  <div class="display">
    <p> Here is some Text</p>
  </div>
</div>

.container {
  text-align: center;
}

.display {
  position:absolute; 
  TOP:45px; 
  LEFT:350px; 
}

   <div class="container">
      <div class="image-container">
        <img src="http://i.imgur.com/iGIFvH6.png">
        <div class="display">
          <p> Here is some Text</p>
        </div>
      </div>
    </div>

.container {
  width: 100%;
  text-align: center;
}

.image-container {
  display: inline-block;
  position: relative;
  width: 354px;
  height: 228px;
}

.container img {
  width: 100%;
}

.display {
  position: absolute;
  top: 10px;
  left: 200px;
}