gpt4 book ai didi

asp.net - DOCTYPE html PUBLIC DTD XHTML 1.0 过渡

转载 作者:行者123 更新时间:2023-12-04 06:41:51 26 4
gpt4 key购买 nike

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

<!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 中,什么也没有显示。

最佳答案

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

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

在 Quirks 模式下(当你删除 doctype 时你会得到),height: 100%在许多通常不太有用的错误中,通常会产生不同的效果。

关于asp.net - DOCTYPE html PUBLIC DTD XHTML 1.0 过渡,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4149090/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com