模板Blogger Blogspot高度100%不起作用

时间:2017-06-24 21:20:17

标签: html css templates height blogger

我的博客有嵌入但高度= 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>

演示链接:http://embed.vntim.com/2015/01/live.html?sv=http://svtre.com/dogodongky.biz/hitSpoon.mp4&HvieT帧视频播放器未显示(height = 0)。

1 个答案:

答案 0 :(得分:0)

您的css仅将height属性应用于正文。带有id&#34; playbox&#34;的div和#34;玩家&#34;仍然有高度0。

由于看起来您正在从其他网站嵌入播放器,您是否有此播放器的实际示例?也许从一个有效的例子开始,然后将其插入到您的代码中。通常,您不需要手动设置此类播放器的元素,以使其正常工作。

可能会出现某种更深层次的问题......比如没有任何东西出现在盒子里面,这就是为什么它的高度为0。

您可以尝试通过ID添加CSS来设置特定元素的样式,例如:

#player #playbox{
    height: 100%;
}

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