angular2的动态身体内容

我使用页眉和页脚组件加载页眉和页脚

在路由器出口中，我正在加载正文内容（模板）。正文内容中的输入字段包含绝对位置。由于输入字段中的绝对位置，它正在移动页脚下方。我们可以在angular2中找到任何解决方案来使正文内容动态化吗

模板代码：

  <div class="screen">
 <form class="form-horizontal" role="form">
 <button type="submit" class="generated-button" (click)="create()" style="position: absolute;width:  67px;height: 35px;left: 512px;top:400px;">Button</button>
 </form>
  </div>

按钮

创建它的一个父元素并添加

位置：relative

。希望这能起作用。我希望如何以及在何处创建父元素这是代码：您正在一个模板中添加输入字段，对吗？它是基于

进行渲染的。。。仅在该模板中。。。你能在这里添加有帮助的完整代码吗？@AvneshShakya-我已经添加了模板代码。请检查。创建它的一个父元素并添加

位置：relative

。希望这能起作用。我希望如何以及在何处创建父元素这是代码：您正在一个模板中添加输入字段，对吗？它是基于

进行渲染的。。。仅在该模板中。。。你能在这里添加有帮助的完整代码吗？@AvneshShakya-我已经添加了模板代码。请检查。