Question

我只是向flexbox介绍自己，如果我有一个flex父母，我可以根据我的理解，然后我可以将父母的子女与一行排列在一起align-items规则。但是，我的孩子们没有按照这里所见的那样改变他们的位置：https://jsfiddle.net/b9L09gsa/

内容保持在顶部，而不是像我想的那样在底部。我们的想法是将徽标div和导航项目整齐地对齐在底部。显然，我不理解某些事情，任何帮助都会很棒！

Answer 1

您需要Flex容器上的这些属性，而不是flex项：

#nav-contain {
    display:flex;
    justify-content: flex-end;
    align-items: flex-end;
}
#logo, .nav-item-contain {
    flex-grow: 1;
}

要覆盖单个弹性项目，请改为使用align-self：

#nav-contain {
    display:flex;
    justify-content: flex-end;
}
#logo, .nav-item-contain {
    flex-grow: 1;
    align-self: flex-end;
}