Html Div定位-在Div堆栈旁边对齐一个大Div

我试着把一个大div和一堆三个小div对齐。我如何允许大跳水在他们的右边进行

提前谢谢

。左\u堆栈{
宽度：350px；
高度：75px；
背景色：黑色；
位置：相对位置；
}
#左横幅1{
背景颜色：黄色；
}
#左横幅2{
背景色：红色；
}
#左横幅3{
背景颜色：蓝色；
}
#右旗{
身高：225px；
宽度：350px；
背景颜色：紫色；
浮动：对；
}

---

Parent div's width=Child's width。

就个人而言，要做到这一点而不更改HTML，我将使用多列布局。这需要很多前缀（如图所示）才能工作。除此之外，我还删除了左侧列的唯一id，因为我认为css选择器更合适

#banner#u部分{
-webkit列数：2；
-moz列数：2；
列数：2；
-webkit柱间隙：0px；
-moz柱间距：0px；
柱间距：0px；
宽度：700px；
}
.左_堆栈{
高度：75px；
宽度：350px；
}
.left_堆栈：第n个子（1）{背景色：黄色；}
.left_堆栈：第n个子（2）{背景色：红色；}
.left_堆栈：第n个子（3）{背景色：蓝色；}
#右旗{
身高：225px；
宽度：350px；
背景颜色：紫色；
}

谢谢！解决了我的问题谢谢！我不知道column属性，我试试看。

#banner_section {
   display: inline-block;
}