使图像在div中沿x轴随机生成（CSS/Javascript/JQuery）

我有css详细说明我想要图片做什么（我希望它在创建时基本上会掉下来）

.pimg{
宽度：100px；
高度：100px；
位置：绝对位置；
动画名称：秋天；
动画持续时间：4s；
动画延迟：0s；
动画迭代次数：无限；
}
@关键帧下降{
0%{top:0px；变换：旋转（0deg）}
100%{顶部：800px；变换：旋转（360度）}
}

我还有创建图像的javascript/jquery

function PIMG()
{
    var img = $('<img id="img">');
    img.attr('src', "Doggos/puppy.png");
    img.attr('class', 'pimg');
    img.appendTo('#PIC');
}

函数PIMG（）
{
变量img=$（'
我想知道我如何才能使它在div中获得所有的x值点，然后在div中沿着该值随机生成图片？如果可能的话，我希望它在css中，但我不知道这是否可能

重写：现在我的图像只是在同一个点上创建的。我想知道如何使它沿着左右轴在一个随机点上，但仍然在一个特定的div内

谢谢。
JS小提琴演示：

其思想是将
img
的
left
css属性随机设置为0到方框宽度之间的随机数。
要在div元素内沿x轴随机移动，可以随机更改边距。只需将此行添加到PIMG函数中

img.css("margin-left", Math.random() * 100 + "%");

因此，您的函数现在应该如下所示：

function PIMG()
{
  var img = $('<img id="img">');
  img.attr('src', "Doggos/puppy.png");
  img.attr('class', 'pimg');
  img.appendTo('#PIC');
  img.css("margin-left", Math.random() * 100 + "%");
}

函数PIMG（）
{
变量img=$（'