Html 将固定图像水平居中至顶部，不占用空间

我需要我的2000x2000px图像水平居中的网页。从那里我希望图像的中心拥抱页面的顶部。最后，我不希望图像占用页面空间，但我仍然希望它可见。下面是我制作的一个图像，用来形象化我想要的东西

如果您的代码是

<div class="img-container">
    <img></img>
<div>

您可以根据自己的喜好调整边距。

如果您的代码是

<div class="img-container">
    <img></img>
<div>

您可以根据自己的喜好调整边距。

试试这样的方法

HTML

<div class="div">
    <img src="http://placehold.it/400x300" alt="">
</div>

calc

中的第一个值应该是图片的

width

，第二个值应该是父母的

width

div试试这样的方法

HTML

<div class="div">
    <img src="http://placehold.it/400x300" alt="">
</div>

---

calc

中的第一个值应该是图片的

width

，第二个值应该是父母的

width

div

根据您编写的内容，似乎永远看不到图像的顶部。请澄清。类似这样的：？@MarcAudet正确，这是我想要使用的一个非常具体的图像。如果你好奇的话，它基本上是一组旋转的光线。根据你所写的，似乎永远看不到图像的顶部。请澄清。类似这样的：？@MarcAudet正确，这是我想要使用的一个非常具体的图像。如果你好奇的话，它基本上是一组旋转的光线。