内容从具有全屏滑块的部分开始而不是在下方

Question

很难解释。我有一个实体化的全屏滑块作为登录页面。它可以正常工作，但是当我添加新内容时，它从页面顶部开始并结束于滑块之后，而不是其下方（因为我认为这是常见的事情）。我不知道为什么会这样，也不知道如何解决。

代码：

<section class="long_car">
<div class="slider fullscreen">
<ul class="slides">
{% for img in long_imgs %}
<li>
<img src="{{img.img.url}}" style="height: 100%; width: 100%; background-position:center; background: no-repeat center center scroll; background-size: 100% 100%;"> 

{% if img.show_text %}

<div class="caption color"> 
  <h3 style="color: #color">text</h3>
  <h5 class="light grey-text text-lighten-3">Here's our small slogan.</h5>
</div>

{% endif %}

</li>
{% endfor %}


</ul>

</div>

</section>

没有有意义的CSS（只是隐藏和显示）。

谢谢！