Meteor：如何将模板内容放在视频背景标题下方答案

【问题标题】：Meteor: How to place template content below video background headerMeteor：如何将模板内容放在视频背景标题下方
【发布时间】：2016-07-08 15:56:57
【问题描述】：

我有一个视频背景，通常是轮播。我仍在学习 CSS 的复杂性，我对是否可以使用 Meteor 将模板的内容定位在视频下方有点困惑。我认为将模板加载到视频下方可能会更好，以便视频在布局标题中始终如一地播放，但我的路线可以在其下方更改。基本上，我想要做的是让我的所有路线都出现在 html5 视频标题下方。请帮助巫师。

视频是它自己在 layout.html 中的模板 --> {{> video}}

“标题”元素是我的“主页”模板的一部分。

【问题讨论】：

你应该只需要 margin-top: 600px 在你的第一个内容 div 的样式（例如），或者视频的高度。解决这个问题的方法很多。通常，如果您将某些内容放在背景中，那么您的意图就是让内容覆盖它。
现在，当我调整屏幕大小时，“标题”div 最终会在页面下方。有没有其他方法可以让内容只显示在视频下方？
first div 我的意思是你要下推的第一个 div。不是标题。

标签： html video meteor

【解决方案1】：

这个问题纯粹是 CSS，meteor 不控制你的样式。有许多可能的解决方案，但为什么不将视频包装在一个 div 中并给它一个特定的高度和 100% 的宽度。只要它在您的标题之前，它就会将其余内容推到其下方。

CSS

.video { 
  height: 400px;
  width: 100%;
  display: block;
}

模板

<div class="video">
  {{> video}}
</div>

  {{> header}}
  {{> otherTemplates}}

【讨论】：