Javascript 右翼势力正在扰乱秩序

在im制作的项目中，我希望用户能够上传图像。这些图像必须从第一次上传到最后一次上传

请看下面的代码：

正文{
颜色：白色；
}
#包裹{
边缘顶部：10px；
溢出：隐藏；
}
#容器{
背景：#121212；
最大宽度：250px；
填充物：5px；
溢出：隐藏；
浮动：对；
填充：5px5px0；
}
.img_c{
高度：50px；
溢出：隐藏；
浮动：对；
边距：0 0 5px 5px；
}
.img_c img{
最大宽度：100%；
最大高度：100%；
}
l{
float:left；/*使用此选项时，图像以正确的顺序显示*/
}
r{
浮动：对；/*Wierd行为*/
}

浮动：左

浮球：对

为了避免“顺序混乱”而不是

浮动：右

使用

显示：内联块

和

文本对齐：右

的组合

我还将您的重复ID更改为类名

正文{
颜色：白色；
}
.包裹{
边缘顶部：10px；
溢出：隐藏；
}
.集装箱{
浮动：对；
背景：#121212；
最大宽度：250px；
填充物：5px；
溢出：隐藏；
填充：5px5px0；
}
.img_c{
高度：50px；
溢出：隐藏；
边距：0 0 5px 5px；
display:inline block；/*技巧如下*/
}
.img_c img{
最大宽度：100%；
最大高度：100%；
}
.cl{
文本对齐：左对齐；
}
.cr{
文本对齐：右；/*不再有奇怪的行为*/
}

浮动：左

浮球：对

您只需要浮动父元素（容器）而不是子元素。如果浮动父元素，图像将不会对齐？这里的目标是将图像对齐到

#容器内的右侧

@AlonsoCT

float:right

并不意味着对齐到右侧，也许您应该阅读一些关于float如何工作的背景知识好吧，我理解，您已经尝试过使用flexbox了@阿隆索克特我不喜欢，因为我的观众使用的是旧浏览器（Opera Mini是最常用的浏览器），这里有一个误解。。我想让图像向右对齐，而不会打乱顺序。我的问题不清楚吗？如果你愿意的话，我可以修改。修正了，请原谅我的误解。如果你需要进一步的修改，请告诉我，我也可以自己在这里找到答案，但我必须感谢你对我的帮助。来，拿着这个“接受答案”的东西！