浮动在flex容器中不起作用

该

float

根据flexbox规范：

3. Flex容器：

flex

inline-flex

一个伸缩容器为其内容建立一个新的_伸缩格式上下文_。这与建立块格式化上下文相同，除了使用Flex布局而不是块布局。

例如，浮点数不会侵入flex容器，并且flex容器的边距不会随其内容的边沿而收缩。

float

clear

相反，只需使用flex属性：

footer {    display: flex;    justify-content: flex-end;}<footer>    <span>       <a>foo link</a>    </span></footer>