Internet Explorer 中的溢出表错误

Posted 2023-03-06

【中文标题】Internet Explorer 中的溢出表错误

【英文标题】：The overflowing table bug in Internet Explorer

【发布时间】：2011-06-26 04:59:42

【问题描述】：

简短版本：Internet Explorer 表格设置为宽度：100% 超出其父元素。

我知道这是一个古老且已知的错误，但我已经用谷歌搜索了它并搜索了它，但没有找到任何答案。我刚刚发现了其他问题，都没有答案。我发现的一些“解决方案”不起作用。也许我不够努力或寻找正确的东西，但我问是因为我无法适应它，所以不要因为没有先看而责骂我。无论如何，我确信你们中的大多数人都遇到过这个问题，如果不是问题，那么完全是浏览器：Internet Explorer。你总是试图避免但不可避免地遇到的那个人。所以，表格宽度错误。默认情况下，表格非常拥挤且相当小，其宽度由行中内容的大小设置。所以，当然，我使用了 width:100% 来让它跨越它的父 div。毫不奇怪，IE 认为这意味着它应该脱离其父级并成为页面的 100%。因此，我尝试了许多我个人知道的解决方案，但似乎都没有奏效。我知道那里有一个非常简单的解决方案，但我就是找不到。有这个问题的人可以帮帮我吗？

【问题讨论】：

一个解决方案就是不要使用表格。

@stevebot 用于论坛，表格是组织论坛的最佳方式。

父对象有固定宽度吗？如果是这样，只需将宽度设置为固定的像素数而不是 100%。

@Spudley 不，我让它适应页面宽度。在任何 Zetaboards 论坛上都可以找到我想要实现的工作示例。

只是好奇，谁说表格是组织论坛的最佳方式？我不喜欢使用表格进行布局。它们用于显示表格数据，例如在 csv 中。见***.com/questions/83073/…

【参考方案1】：

试试怎么样：

#el  margin-right:-1px; 

【讨论】：

#el 会是什么？父元素？

99.99%? 宽度呢？你能在@jsfiddle.net 上附上一个演示吗

不，我只是猜测。您能否提供代码/演示，以便我可以轻松测试？

【参考方案2】：

有点晚了，但可能得到了答案 :) 我在 IE 11 中遇到了这个问题（请不要在您的应用程序中支持该问题 - 总时间浪费）并由此修复

table 
    table-layout: fixed;

试一试，让我知道它是否适合你

更新：它使列宽固定