DOCTYPE html PUBLIC DTD XHTML 1.0 过渡答案

【问题标题】：DOCTYPE html PUBLIC DTD XHTML 1.0 TransitionalDOCTYPE html PUBLIC DTD XHTML 1.0 过渡
【发布时间】：2011-05-08 03:19:27
【问题描述】：

在我的母版页中存在上述行

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

但为什么会给我带来麻烦呢？

在内容页面中我嵌入了一个 SWF 对象

var flashvars = {xmlPath: "xml/" + GetQueryString("x") + ".xml" };
  var params = { allowFullScreen: "true", wmode: "transparent" };
  var attributes = {};
  swfobject.embedSWF("main.swf", "gallery", "100%", "100%", "9.0.0", "expressInstall.swf", flashvars, params, attributes);

如果我注释掉 DOCTYPE “行”，SWF 对象会填满屏幕（应该如此）。如果我不注释掉 DOCTYPE “行”，SWF 对象只会在水平方向填充。

那么这里发生了什么？我可以让 DOCTYPE 和 SWF 对象在垂直和水平方向上都平铺吗？

更新：这是应用但没有成功的 CSS

<style type="text/css">
*{
margin:0;
padding:0;
}
html, body, #gallery { background: #EFEFEF; height:100%; }
body { margin:0; padding:0; overflow:hidden; }
</style>

另一个更新：在 Chrome 中效果很好，在 Internet Explorer 中，SWF 占据了 20% 的显示并放置在页面顶部，最后在 Firefox 中，什么都没有显示。 p>

【问题讨论】：

标签： asp.net flash visual-studio-2010 doctype xhtml-transitional

【解决方案1】：

在标准模式下，如果您希望静态定位的元素与视口高度相同，则它和所有祖先（可能包括 body 和 html）都必须具有 CSS height: 100%。 100% 的高度是相对于父级的大小而言的，如果父级没有明确的高度，百分比是没有意义的。

如果您希望绝对定位的元素与视口具有相同的高度，则它是相同的，但定位包含块而不是每个元素。这种情况通常更容易，因为视口和元素之间可能没有任何包含块。

在 Quirks 模式下（删除 doctype 后会出现这种情况），height: 100% 通常会产生不同的效果，其中包括许多通常没有帮助的错误。

【讨论】：

您好，感谢您的回复。你能检查我发布的更新吗？我只是无法弄清楚我在这里做错了什么。