Internet Explorer Quirks 模式中的 iframe 不会以 100% 宽度呈现答案

【问题标题】：Iframe in Internet Explorer Quirks mode will not render at 100% widthInternet Explorer Quirks 模式中的 iframe 不会以 100% 宽度呈现
【发布时间】：2011-06-28 07:35:43
【问题描述】：

我有一个绝对位于页面顶部的 iframe。这实际上是添加到客户网页的标题，因为此类 DOCTYPE 会有所不同，因此文档模式也会有所不同。

iframe 在标准模式下以 100% 渲染没有问题，但在 Quirks 模式下不会 - 而是在 90% 或 95% 左右，左对齐。这是 HTML：

<iframe 
   src="http://localhost:8080/pagedetails/28/false" 
   id="su3-frame" 
   hspace="0" vspace="0" 
   leftmargin="0" rightmargin="0" 
   topmargin="0" marginwidth="0" 
   style="top: 0px;"
   frameborder="0" >
</iframe>

和css：

iframe#su3-frame {
  width: 100%;
  height: 60px;
  border: 0;    
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0; left: 0;
  z-index: 100000000;
 }

有人见过这个吗？有什么我可以尝试的建议吗？

谢谢

【问题讨论】：

标签： html css internet-explorer iframe

【解决方案1】：

添加这个 CSS 可以修复它（在 IE8/IE7 怪癖模式下）：

html {
    margin: 0;
    padding: 0
}

普遍包含它肯定是安全的 - 我想 几乎为零 网站依赖于具有 margin 或 padding 的 <html> 元素。

一些网站将非零 margin 或 padding 应用于<body>，但从不应用于<html>。

【讨论】：

如果您有任何想法，也只是发布了这个：stackoverflow.com/questions/5017983/…