模板 Blogger Blogspot 高度 100% 无效

Question

我的博客有嵌入但 height=100% 不工作

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" dir="ltr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title><$BlogPageTitle$></title>
<style>html,body{margin:0;padding:0;background:#000;border:0;height:100%;width:100%}</style>
</head>
<body style="padding:0;margin:0;border:0;height:100%;width:100%">
<Blogger>
<$BlogItemBody$>
</Blogger>
</body>
</html>

演示link：http://embed.vntim.com/2015/01/live.html?sv=http://svtre.com/dogodongky.biz/hitSpoon.mp4&HvieT帧视频播放器不显示（高度=0）。

Answer 1

您的 css 仅将高度属性应用于 body。 id 为 "playbox" 和 "player" 的 div 的高度仍然为 0.

由于您似乎是从其他站点嵌入播放器，您是否有该播放器的工作示例？也许从一个工作示例开始并将其插入您的代码中。通常，您不需要像这样手动设置播放器元素的样式即可使其正常工作。

可能是发生了某种更深层次的问题...比如框内没有显示任何东西，这就是它的高度为 0 的原因。

您可以尝试添加 CSS 以按 ID 设置特定元素的样式，例如：

#player #playbox{
    height: 100%;
}

等但我的直觉是这不会达到你想要的。

模板 Blogger Blogspot 高度 100% 无效

Template Blogger Blogspot height 100% percent not working

html

css

height

templates

blogger