使用 Flex 属性在 Flex 页脚中右置文本

尝试使用 float 属性在 Flex 容器中右对齐文本时，您可能会遇到问题。这是因为 Flex 容器不支持 float 属性。

根据 Flexbox 规范，“float 和clear 不会创建 Flex 项目的浮动或间隙，也不会使其脱离流动。 ”相反，它为其内容建立了一个新的“Flex 格式化上下文”，这意味着浮动将被忽略，并且边距不会随容器的内容折叠。

要在设置为 Flex 显示的页脚中右置文本，请改用 flex 属性。 justify-content 属性可用于在容器内水平对齐元素。例如，在提供的代码片段中：

footer {
    display: flex;
    justify-content: flex-end;
}

此代码将右对齐页脚元素中包含“foo link”文本的范围。