Flexbox 是否會覆寫 Float 屬性？

Flexbox 容器覆蓋 Float 屬性

當你將元素的 display 屬性設為 flex 時，它變成了 Flex 容器。這會建立一個新的格式化上下文，從而影響其內容的定位方式。

在 Flex 容器中，浮動屬性將被忽略。這是因為浮動不會侵入 Flex 容器，也不會建立 Flex 專案的浮動或間隙。

替代方法：使用 Flex 屬性

將文字定位到在 Flex 容器頁腳元素的右側，使用 Flex 屬性而不是浮動。以下範例將 justify-content 屬性設為 flex-end 以使頁腳的內容向右對齊：

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

<footer>
    <span>
       <a>foo link</a>
    </span>
</footer>

以上是Flexbox 是否會覆寫 Float 屬性？的詳細內容。更多資訊請關注PHP中文網其他相關文章！