Javascript 图像库中的图像定位

我正努力保持排行榜/摄影师形象始终处于最佳位置，即使是在反应迅速的情况下

这是我的密码

* { 框大小：边框框； } 身体{ 保证金：0； 字体系列：Arial； } img{ 位置：相对位置； 溢出：隐藏； 排名：0； 左：0； 不透明度：1； 背景色：rgba0,0,0,0.5； -webkit过渡：全部。4s易入易出； 过渡：全部。4s轻松进出； } .行{ 显示：-ms flexbox； /*IE10*/ 显示器：flex； -ms-flex-wrap:wrap； /*IE10*/ 柔性包装：包装； 填充：0 20px； } .栏目{ -ms-flex:25%； /*IE10*/ 弹性：25%； 最大宽度：25%； 填充：10px； } .img列{ 边缘顶部：20px； 垂直对齐：中间对齐； } 覆盖：悬停{ 溢出：隐藏； 排名：0； 左：0； 不透明度：0.7； 背景色：rgba0,0,0,0.5； -webkit过渡：全部。4s易入易出； 过渡：全部。4s轻松进出； } @媒体屏幕和最大宽度：800px{ .栏目{ -ms-flex:50%； 弹性：50%； 最大宽度：50%； } } /*响应式布局-使两列堆叠在彼此的顶部，而不是相邻*/ @媒体屏幕和最大宽度：600px{ .栏目{ -ms-flex:100%； 弹性：100%； 最大宽度：100%； } } 这可以使用flex项目的order属性来完成。我已经在小屏幕上重新安排了栏目

* { 框大小：边框框； } 身体{ 保证金：0； 字体系列：Arial； } img{ 位置：相对位置； 溢出：隐藏； 排名：0； 左：0； 不透明度：1； 背景色：rgba0,0,0,0.5； -webkit过渡：全部。4s易入易出； 过渡：全部。4s轻松进出； } .行{ 显示：-ms flexbox； /*IE10*/ 显示器：flex； -ms-flex-wrap:wrap； /*IE10*/ 柔性包装：包装； 填充：0 20px； } .栏目{ -ms-flex:25%； /*IE10*/ 弹性：25%； 最大宽度：25%； 填充：10px； } .img列{ 边缘顶部：20px； 垂直对齐：中间对齐； } 覆盖：悬停{ 溢出：隐藏； 排名：0； 左：0； 不透明度：0.7； 背景色：rgba0,0,0,0.5； -webkit过渡：全部。4s易入易出； 过渡：全部。4s轻松进出； } @媒体屏幕和最大宽度：800px{ .栏目{ -ms-flex:50%； 弹性：50%； 最大宽度：50%； 顺序：3； } .row>.column:第一个子项{ 顺序：1； } .右上角{ 顺序：2； } } /*响应式布局-使两列堆叠在彼此的顶部，而不是相邻*/ @媒体屏幕和最大宽度：600px{ .栏目{ -ms-flex:100%； 弹性：100%； 最大宽度：100%； } }

---

你的问题是什么？请解释更多！是否希望.js leaderbord的最后一个.column类父级在所有屏幕中都位于页面的右上角？是的！我希望.js排行榜类图像在响应模式中保持右上角谢谢，如果我想根据媒体查询操作图像列，例如：5列，6列，我怎么做？