Html 嵌套的弹性元件不'；不能让父母成长

我正试图用月份名称和该月份的所有天数在名称的正下方组成一个标题

天项目有固定的宽度，所以我想：为什么不使用flexbox

由于某些原因，

.day

元素从其父元素开始下降，而父元素没有增长

您能给我一个提示吗？为什么

flex-basis:auto

不会让月槽在几天的槽位溢出后增长

至于实现，我已经找到了使用

float:left

而不是使用flexbox的解决方法。但我不明白为什么它是这样工作的

.main{
显示器：flex；
}
.月{
flex:0自动；
}
.天{
显示器：flex；
}
.天{
弯曲度：0.02米；
}

简
1.
2.
3.
4.
5.
6.
二月
1.
2.
3.
4.
5.
6.
7.
8.
9
10
破坏
1.
2.

使用

宽度：2em

而不是

flex:0 2em

.main{
显示器：flex；
}
.月{
flex:0自动；
}
.天{
显示器：flex；
}
.天{
宽度：2米；
}

简
1.
2.
3.
4.
5.
6.
二月
1.
2.
3.
4.
5.
6.
7.
8.
9
10
破坏
1.
2.

这就是您想要实现的目标吗？所以

width:2em

+

flex-basis:auto

的工作原理不同于

flex-basis:2em

，但为什么呢？@Oriol是的，我也弄明白了，但知道flex-basis为什么不能正常工作吗？

flex basis

是否表现为宽度？我开始认为这是一个bug。根据，应在布局后计算最大内容贡献。但是

flex-basis

被忽略，而文本的宽度被使用，这似乎是“在布局之前”。@Aziz，在这种情况下使用

flex-basis

和

width

之间没有什么区别（据我所知）。代码应该按原样工作。事实上，它在IE11上起作用。但它在Chrome和FF中失败了。@Oriol，我认为我们甚至不需要走那么深。规范在伸缩基础上非常明确vis-a-vis

width

和

height

。在这种特殊情况下，应该没有渲染差异。我同意你的观点，这可能是一个错误。