无法使用 HTML 正确定位

Question

基本上我希望图像从 window 的右侧一直落到屏幕上，我试过这样（见下面的代码片段）

#falling2 {
  position: absolute;
  top: 0;
  right: 0;
  z-index: -2;
}

<marquee id="falling2" height="100%" direction=down scrollamount="20">
  <img src="http://via.placeholder.com/50x50">
</marquee>

但是，出于某种原因，它一直粘在左侧。

我尝试了这里关于堆栈溢出的解决方案，但它们似乎没有解决我的问题。

Answer 1

   <style type="text/css">
    #falling2 {
    position: absolute;
    top: 0;
    right: 0; 
    z-index: -2; 
    text-align:  right;
}
</style>

设置text-align:右

Answer 2

有一个css 属性称为文本对齐，用于对齐内部元素（相对于外部元素border/boundary），请看下面片段

#falling2 {
        position: absolute;
        top: 0;
        text-align:right;
        z-index: -2;
    }

<marquee id="falling2" height="100%" direction=down scrollamount="20">
        <img src="image.png">
    </marquee>

Answer 3

#falling2 {
    position: absolute;
    left: 0;
    z-index: -2;
    text-align: right;
}

<marquee id="falling2" height="100%" direction=down scrollamount="20">
    <img src="http://via.placeholder.com/50x50">
</marquee>

Cannot Position Correctly with HTML