為什麼不支援 Flex 版面嗎? 在 CSS 中, 是當涉及彈性佈局時,元素被視為一種特殊情況。儘管努力使用 display: flex 或 display: inline-flex 對其進行樣式設置,但它的行為分別像塊或 inline-block 元素。 這種行為讓一些在 Firefox 和 Chrome 等瀏覽器中觀察到意外結果的開發人員感到困惑,但發現它在 Internet Explorer 中運行得令人困惑。這是錯誤還是預期行為? 解釋 根據錯誤報告(錯誤 984869 和錯誤 1047590), — 以及 ;和 — 具有特殊的渲染行為。像 Chrome 和 Firefox 這樣的瀏覽器並不是純粹在 CSS 中實現這些元素,從 CSS 的角度來看,它們的行為就像黑盒子。 這意味著它們並不總是像其他非特殊元素類型那樣做出反應,例如作為 。例如,捲軸不會出現在 上。有overflow:scroll,也不會渲染為有display:table的表格。 同樣,對於 ,Flex顯示模式被忽略。此行為與 Internet Explorer 一致,後者拒絕將彈性佈局應用於 。 解決方案 在 中可靠地實現特定佈局跨瀏覽器,最有效的解決方案是使用包裝器 。在內本身。此方法類似於 所需的方法。和在其他瀏覽器中。