Html 在“显示：柔性设置”中设置为“柔性方向：行”时，“柔性基准”不充当宽度

大家好，这里是代码笔，了解更多详细信息，包括html：[

正文{
显示器：flex；
保证金：0；
flex-direction:column；//所以这里我使用body标记作为整体容器
最小高度：100vh；
背景#2c3e50；
}
标题{
显示器：flex；
证明内容：之间的空间；
}
主要{
display:flex；//在
main
中设置的
flex基准：200px；
正在影响自身的
高度，这就是它的假设

为什么，因为
flex-basis
是一个flex-item属性，它对高度或宽度的影响取决于它的父项，所以flex容器的
flex-direction
，在您的例子中，它是具有
列的
主体



如果要控制
main
的宽度，只需使用
width
：

main {
  display: flex;
  flex-basis: 200px;         /*  height  */
  width: 500px;              /*  width  */
}

弹性基准与宽度或高度不同。它是初始尺寸。不，我知道，但当我调整行方向时，如果设置弹性基准将影响项目的宽度，而在列方向时，它将影响高度，但不相同。上面的问题不是增加宽度，而是增加主标记上的高度。@Paulie_D作为an上的人swer说，行中的flex basis控制宽度，列中的flex basis控制高度，但在我的情况下，行中的flex basis不是控制宽度而是控制高度。这是个问题。我知道这不一样。
flex basis
属性只适用于flex项目，而不适用于flex容器。你好，谢谢你的澄清。我的困惑是：这也可能会影响父flexbox中的所有项目，而父flexbox显然不起作用。这更有意义！谢谢！
main {
  display: flex;
  flex-basis: 200px;         /*  height  */
  width: 500px;              /*  width  */
}