无法正确使用HTML定位

Question

基本上我希望图像从窗口的右侧一直落到屏幕上，我就这样尝试了（参见下面的代码片段）

＆＃13;

＆＃13;

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

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;

然而，由于某种原因，它仍然粘在左侧。

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

Answer 1

#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>

Answer 2

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

设置text-align：right

Answer 3

有一个css属性称为文本对齐，用于对齐内部元素（相对于外部元素边界/边界），在下面的代码片段中查看它

#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>