第一个只要我把50 px的宽度加到白色框上，黑框的尺寸就会增加，而且布局也不会随着Flex的增长而变化！我现在该怎么办？已将宽度添加到Flex项，但它中断了Flex增长：1;父代的。
anauzrmj1#
如果我没理解错你的问题，你对“flex-grow”行为的预期是错误的。它不是根据这个比率填充父容器，它只是填充父容器的可用大小。因此，如果你放一个50 px的白色框，可用空间将是100%-50 px，然后会发生增长〉〉因为黑框和蓝框有相同的增长因子，它们会增长相同的量，但黑框从50 px开始，而蓝框从0 px开始。要解决此问题，必须明确告诉黑盒其参考大小应为0 px，这可以使用flex-basis属性实现。第一个
1条答案
按热度按时间anauzrmj1#
如果我没理解错你的问题，你对“flex-grow”行为的预期是错误的。它不是根据这个比率填充父容器，它只是填充父容器的可用大小。
因此，如果你放一个50 px的白色框，可用空间将是100%-50 px，然后会发生增长〉〉因为黑框和蓝框有相同的增长因子，它们会增长相同的量，但黑框从50 px开始，而蓝框从0 px开始。
要解决此问题，必须明确告诉黑盒其参考大小应为0 px，这可以使用flex-basis属性实现。
第一个