使用Flex 屬性在Flex 頁腳中右置文字

嘗試使用float 屬性在Flex 容器中右對齊文字時，您可能會遇到問題。這是因為 Flex 容器不支援 float 屬性。

根據Flexbox 規範，“float 和clear 不會創建Flex 項目的浮動或間隙，也不會使其脫離流動。”相反，它為其內容建立了一個新的“Flex 格式化上下文” ，這意味著浮動將被忽略，並且邊距不會隨容器的內容折疊。

要在設定為 Flex 顯示的頁腳中右置文本，請改用 flex 屬性。 justify-content 屬性可用於在容器內水平對齊元素。例如，在提供的程式碼片段中：

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

此程式碼將右對齊頁尾元素中包含「foo link」文字的範圍。