為什麼 IE 會忽略表格元素上的「高度：100%」？

為什麼IE 會忽略表格元素的Height: 100%

問題

使用帶有display: table、display: table-row 的CSS表格佈局時，以及display: table-cell，子元素高度設定為100%在IE瀏覽器中會被忽略。

說明

不幸的是，CSS表格版面的規格並不清楚如何處理子元素的百分比高度。因此，瀏覽器以不同的方式實現了這種行為。在 IE 中，無法辨識表格儲存格的百分比高度。

影響

這種不一致可能會導致意外結果，如問題中所示，其中表格單元格內的內容不適合

解決方案

由於互通性問題，純CSS解決方法不可行，因此必須考慮替代方法：

• 使用JavaScript：使用JavaScript動態設定子元素的高度。
• 使用固定高度：為父表和子元素指定固定高度，以確保正確顯示。
• 避免 CSS 表格版面：考慮使用替代版面技術，例如 Flexbox 或 CSS 網格。

以上是為什麼 IE 會忽略表格元素上的「高度：100%」？的詳細內容。更多資訊請關注PHP中文網其他相關文章！