网络浏览器中的差异显示[关闭]答案

【问题标题】：Difference display in web browsers [closed]网络浏览器中的差异显示[关闭]
【发布时间】：2013-06-03 02:16:11
【问题描述】：

我正在用asp设计一个简单的html页面。我在 Mozilla 和 Google Chrome 中没有任何问题，但在 IE 中一切都显示错误！！！

我使用一个div 标记到另一个div 与一个简单的width、margin 和padding。

本页地址为：Wrong display in IE

如何解决 IE (6, 7, 8) 中的显示问题？

【问题讨论】：

哪个 IE？ 5,6,7,8,9,10?
请在此处输入代码以帮助我们为您提供帮助。
显示问题到底是什么？您能否证明特定 html/css 旁边的屏幕截图 - 它可能很容易修复，但我们需要更多信息。
您是在请求这里的人帮助您修复您的网站，而没有解释究竟是什么问题或显示您自己的任何努力；这不是 Stack Overflow 的工作方式。

标签： html css internet-explorer browser

【解决方案1】：

某些版本的 IE 的一个常见问题是它认为它是 box-sizing 总是 padding-box。这意味着您应用于元素的填充将添加到宽度和边框，因此如果您有一个宽度为200px、10px 的填充和1px 的边框的元素，总宽度将为202px 在几乎所有浏览器中，222px 在 IE 中。

对于这个问题有很多可用的修复程序。

只有在浏览器是 IE 的情况下才能链接另一个 CSS（有特殊的conditional tags 可用）。
您可以指定 box-sizing: padding-box 并对所有内容使用相同的 CSS。
您可以使用一些 CSS hacks。

【讨论】：

您应该提到，对于最新版本的 IE，box-sixing 只是怪癖模式下的问题。因此，如果 OP 会在网站上添加 DOCTYPE，那么问题可能就会消失。
@Mr: 那么，如果用户没有“最新版本的 IE”怎么办？
这不是我的意思。我的观点是 box-sizing 问题很可能是由于没有使用正确的 DOCTYPE 声明引起的。此外，仍然使用旧版 IE 的人所面临的问题不仅仅是网站显示不好。

【解决方案2】：

在 IE 中观看对我来说一直是一部恐怖电影。它不支持很多特性，主要是 CSS。转到this awesome website，看看你的哪些样式在 IE 中不受支持，请将你的代码放在这里以便我们查看。值得庆幸的是，在 HTML 中有一个叫做 IE cmets 的东西，使用它你可以说这些代码是专门为 IE 设计的，在 IE 中显示时需要删除这些代码。使用这些，您可以将链接放置到 IE 的 CSS 样式表和实际样式表的链接。

【讨论】：

-1 用于指向worstest site in the universe 的一般、无用的链接。
@deceze 我希望这是讽刺。
@deceze 不要这么说。我从那里学到了大部分东西。它有关于它教授的每一种网络语言的详细信息。如果您认为这很糟糕，甚至只占网站的 0.1%。它是如此受欢迎，以至于当您在 google 上键入一种网络语言的名称时，它就是第一个链接。这是一个网络编程维基百科，你正在向我们展示像“w3fools”这样的网站！
@Ishpreet Uhm，您阅读 w3fools 对 w3schools 和替代资源 的看法了吗？
@deceze 是的，没关系，但我仍然在 w3schools 工作。这是你的意见，这是我的意见。