html - 如何在保持绝对位置的同时使图像向左浮动？

Question

我在我的 div 元素中将图像完全水平居中，如下所示:

现在，我需要让图像向左移动，但每次我尝试这样做时，图像都会脱离元素。

float: left; 不适用于 position: absolute;，所以这就是我使用 left: 0; 时发生的情况:

我可以使用什么 CSS 属性来解决这个问题？

我当前的 CSS:

img[id=bitcoin]{
    /* Center image */
    top: 50%;
    left: 50%;
    width: 50px;
    height: 50px;
    margin-top: -25px; /* Half the height */
    margin-left: -25px; /* Half the width */
    position: absolute;

    left: 0;
}

/* Balance box */
.balance{
    height: 10%;
    margin: 20px;
    width: 30%;
    font-family: "smooth";
    background-color: white;
    color: black;
    box-shadow: 4px 4px lightgray;
    display:inline-block;
    position: fixed;
}

Answer 1

原因是，你使用了负的margin-left。

在使用 left: 0 时，请同时重置 margin-left:

margin-left: 0;
left: 0;