Html 如何在最左上角设置此徽标？

如何使用css或html将此徽标放置在最左角，以便在白色背景中看到它

我已经尝试过多次改变位置，但没有任何效果，对css没有太多的知识，所以请纠正我在这方面的错误，以及哪些代码可以完成这项工作

当前id为

---

ps：我只是html和css的初学者，请尝试在0之后添加px或%。例如：

试试这个：

#mylogo{
位置：绝对位置；
左：0px；
顶部：0px；
}

或者这个：

#mylogo{
位置：绝对位置；
左：0%；
最高：0%；
}

尝试将位置从绝对位置更改为相对位置

#mylogo {
position:relative;
left:0;
top:0;
}

---

相对添加到原始位置。无论在什么位置，绝对都是确定的。对于relative，假设您有一个“position:relative；left:120px；”。亲戚会将120px添加到该元素的原始位置（在本例中为徽标）

但是请记住，您必须包含px或%以便css定位它

如果您希望徽标在滚动时仍显示在可见窗口的左上角，请使用“位置：固定”；例如：

#mylogo{
位置：固定；
左：0px；
顶部：0px；
}

要做到这一点，请将其放入CSS中：

#mylogo {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  width: 200px;

然后，它将停留在屏幕的左上角。 例如，如果将其放入html中：

<img id="mylogo" src="https://cdn.vox-cdn.com/thumbor/HqBAiwc9uD1sHBw2Uvac03pCXKE=/0x0:2012x1341/1400x1050/filters:focal(0x0:2012x1341):format(jpeg)/cdn.vox-cdn.com/uploads/chorus_image/image/47070706/google2.0.0.jpg" width="50%" height="50%">
<style>body {height: 200px;}</style>

主体{高度：200px；}

谷歌徽标将保留在屏幕的左上角

<img id="mylogo" src="https://cdn.vox-cdn.com/thumbor/HqBAiwc9uD1sHBw2Uvac03pCXKE=/0x0:2012x1341/1400x1050/filters:focal(0x0:2012x1341):format(jpeg)/cdn.vox-cdn.com/uploads/chorus_image/image/47070706/google2.0.0.jpg" width="50%" height="50%">
<style>body {height: 200px;}</style>