如何让父容器横向滚动，子 div 并排排列？

如何实现[父容器溢出滚动,子div横向排列]

要实现父容器溢出滚动，子div横向排列的效果，可以使用以下代码：

.ctn {
  overflow-x: scroll;
  white-space: nowrap;
  width: 100%;
}

.div1, .div2, .div3 {
  display: inline-block;
}

原理：

• .ctn 设置 overflow-x: scroll 以启用水平滚动条。
• .ctn 设置 white-space: nowrap 以防止子元素换行，强制它们排列在同一行上。
• 子元素设置为 display: inline-block 以使它们在水平方向上排列，并允许它们根据内容宽度自动调整大小。

以上就是如何让父容器横向滚动，子 div 并排排列？的详细内容，更多请关注其它相关文章！