为什么 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中文网其他相关文章！