Jquery 如何将列移动到容器中文档的右侧

我试着把那个绿色的盒子移到容器里身体的右边。这是我想要达到的目标的图片

（黄色是身体）。这是我得到的

我的代码：

.wrapper{
宽度：680px；
背景：黄色；
}
.集装箱{
最大宽度：480px；
保证金：0自动；
高度：200px；
}
上校{
浮动：左；
利润率：0.10px；
高度：200px；
}
左上校{
背景：红色；
宽度：27%；
}
上校：对{
背景：绿色；
宽度：64%；
}

---

使用Flexbox！您可以轻松定义列的顺序

.wrapper{
宽度：680px；
背景：黄色；
}
.集装箱{
display:flex；/*我不知道你的问题是否正确，但我想是这样的

<div class="bod">
  <div class="green"></div>
   <div class="red"></div>
</div>



试试这个：


.wrapper{
宽度：680px；
高度：200px；
背景：黄色；
保证金：0；
填充：0；
}
.集装箱{
最大宽度：480px；
保证金：0自动；
高度：200px；
浮动：对；
填充：0；
}
上校{
浮动：左；
高度：200px；
}
左上校{
背景：红色；
宽度：130px；
利润率：0.10px；
}
上校：对{
背景：绿色；
宽度：330px；
浮动：对；
}
我想我理解你的问题

这里有一个建议：


.container{
最大宽度：500px；
保证金：0自动；
填充：10px 0
}
.img泄漏{
位置：相对位置；
z指数：0；
}
.img泄漏量{
宽度：50%；
}
.img集装箱{
位置：绝对位置；
z指数：-1；
排名：0；
右：0；
底部：0；
宽度：50%；
}
/*额外CSS*/
标题{
背景：红色；
颜色：白色；
填充：10px0；
}
.img泄漏{
背景：绿色；
颜色：白色；
填充：10px0；
}
.img集装箱{
背景：蓝色；
}
.img泄漏量{
背景：灰色；
}

标题
您的图像在此作为背景
乱数假文
lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum

lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum

lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum

lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum

非常有魅力。提前谢谢。我已经浪费了我的时间来解决你的问题，现在你更新了问题，老实说，这不是方法。你应该知道如何在这个平台上提问。