為什麼絕對定位的 Flex 專案在 IE11 中仍保持正常流程？

絕對定位的Flex 項目在IE11 中保持正常流程

在具有三個div 的Flexbox 佈局中，其中兩個包含內容，一個絕對定位為對於背景，IE11 將絕對定位的div 視為正常流的一部分，相應地分配div 之間的空間。此行為與標準不同，可能會導致錯位。

解決方法：

Firefox 已在版本 52 中解決了此問題，與 Flexbox 規範保持一致。然而，IE11仍然存在問題。要解決此問題：

• 重新定位絕對定位的項目：不要將絕對定位的div (.bg) 放在末尾，而是將其移動到其他兩個(.c1 和.c2)。這會更改流順序，從而有效地從正常流中刪除絕對定位的元素。

以下是更新的 HTML 程式碼：

<div class="container">
    <div class="c1">Content 1</div>
    <div class="bg">Background</div>
    <div class="c2">Content 2</div>
</div>

以上是為什麼絕對定位的 Flex 專案在 IE11 中仍保持正常流程？的詳細內容。更多資訊請關注PHP中文網其他相關文章！