首页 > 解决方案 > 当孩子在窗外时,Flex 框适合其孩子的宽度吗?

问题描述

我正在使用column wrap布局,页面将加载新内容并将它们作为新的子元素附加到父框元素,所以我希望框宽度auto fit到子元素。

这里的代码:https ://codepen.io/mashirozx/pen/exgRqV

现在的样子: 在此处输入图像描述

我的希望(注意溢出-x 栏): 在此处输入图像描述


问题解决了:

添加overflow: auto到弹性盒子。

标签: cssflexbox

解决方案


尝试改变:

flex-container-content > div {
  background-color: #EB213C;
  width: auto;
  margin: 10px;
  text-align: center;
  line-height: 75px;
  font-size: 30px;`

在此处输入图像描述


推荐阅读