html怎么让竖的div和另一个横的div并排（请看图）？

Question

如图所示每个不同颜色的框代表了一个个目前状态的div，我想让白色框和黑色框在粉色框内横排，请问怎么办，看了很多网上的回答都没能解决，灰框总是和白框没字的部分叠在一起，而且也能跑出粉色的框，灰框和白框都在粉框下级列表内

Answer 1

让两个div排在一起方法有也是有很多的。
1.把两个div设置成行内元素，行内元素自然的会成为一行。display:inline-block。
2.可以设置浮动，float。但父元素要清浮动。
3.弹性布局,父元素设置display:flex;flex-direction:row。
暂提供三个方案，或者还有更好的方法我也是想不到，希望有用。追问

这我用过，起不到作用，不知道你是否是复制回答的？

追答

我复制三个方式？

清者自清，随你怎么想

Answer 2

色框和黑色框在粉色框内横排，请问怎么办，看了很多网上的回答都没能解决，灰框总是和白框没字的部分叠在一