我似乎没法改变动画GIF的位置。我尝试了不同的定位类型，把它放在一个div里，或者直接给图片加一个class，但都没起作用。我想让我的GIF向左再移动一点。我尝试了不同的像素值，并试着使用外边距，但没有变化。我也把display改成了flexbox、flex和 box，但也许我没有使用对的组合。

下面是我的HTML和 CSS：

.magpie {
  position: relative;
  left: 5px;

}

<div class="magpie">
  <img src="https://media.giphy.com/media/v1.Y2lkPTc5MGI3NjExYWx5a2NlNHpwMHdlZ296aGg4enliODd3N2NtazJ2NDY3MDIxbng4byZlcD12MV9naWZzX3NlYXJjaCZjdD1n/2xpXiYRJHOjCiquX1C/giphy.gif" height="500px" alt="a drawing of an australian magpie moving side to side">
</div>

解决方案

你需要将CSS应用于元素本身，而不仅仅是它周围的div。

就像这样，对 元素应用

.magpie img {
    display: block;
    position: relative;
    left: -50px;
}