删除 2px 灰色边框环绕边缘 IE9答案

【问题标题】：Remove 2px Gray Border Surrounds Edge IE9删除 2px 灰色边框环绕边缘 IE9
【发布时间】：2012-06-17 02:42:52
【问题描述】：

我正在尝试编写此站点的代码（尝试使用关键字），并且我正在尝试弄清楚如何删除此阴影 2px 灰色边框，该边框延伸到 IE9 窗口的内部（至少是顶部，左侧和底部）。我的页边距设置为零，所以我所有的页面元素都到了页面的最边缘，但是在 IE9 中，它们停在这个灰色边框上。我没有在我的 html 中包含任何代码，以便在浏览器边缘周围有一个 2px 的灰色边框。

我不知道为什么在 IE9 中会发生这种情况，而且似乎只有我的网页（其他的似乎没有），但它弄乱了格式，我真的需要弄清楚如何删除它。

谢谢！

【问题讨论】：

你能发一张IE9和真实浏览器的图片吗？此外，一些代码会有所帮助:)
在这里查看...Wiscuss.com 它显示在每个页面上，但您也可以在“即将推出”主页上看到它。谢谢！
你能发布一个IE9截图吗？我没有浏览器。
这里.. 谢谢！ i1102.photobucket.com/albums/g451/jollyjamo/borderie9.png
您是否尝试在您的 CSS 中将 border:0 设置为 *？

标签： html css internet-explorer border

【解决方案1】：

您没有指定文档类型，正如第一行的注释所表明的那样：

<!-- Do NOT put any DOCTYPE here unless you want problems in IEs. -->

因此，IE9 进入“怪癖模式”。添加正确的文档类型，它应该返回标准模式并删除烦人的灰色边框。您可以通过打开开发者工具 (F12) 来测试这个问题，并将文档模式从 Quirks 模式更改为 IE9 标准。

示例 HTML5 文档类型：

<!DOCTYPE html>

【讨论】：

【解决方案2】：

Charlie 在评论中问道：“你是否尝试在你的 CSS 中将border:0 设置为 *？”这实际上包括问题的替代答案。更具体地说，以下内容删除了边框：

html { border: 0; }

【讨论】：

我在另一篇文章中引用你的话：The border appears to be technically a default border around the html element, even though this cannot be seen in IE 9 inspector mode (F12), which shows 0px border for the element.