html - 我的 div 与网站一起上升

Question

我的最后一个 div(实际上是最后一个我想要更多的 div)随页面一起上升(尝试更改高度)。我不知道为什么，因为我的第二个绝对好。链接在这里:https://vitas.sk/1/

HTML

   .indexthird  {
            width: 100%;
            height: 40%;
            background-image: url("http://vitas.sk/1/images/indexthird.jpg");
            background-size: cover;
            background-repeat: no-repeat;
            min-height: 300px;
            
        }
        .indexthirdbbg{
         background-color: rgba(0,0,0,0.7);
            width: 100%;
            height: 100%;
            text-align: center;
            padding-top: 7%;
        }
        
        .itquotes{
            
            font-size: 1.5vw;
        }
        .itautor {
            font-size: 1vw;
            margin-top: 1%;
            text-align: center
        }

 <div class="indexthird"><div class="indexthirdbbg">
        <i class="itquotes">"„Kým budu ľudia masakrovať zvieratá, budú zabíjať aj jeden druhého.<br> Ten kto seje vraždu a bolesť, nemôže vypestovať radosť a lásku.“"</i>
      <p class="itautor">Pythagoras</p>
    </div>
    </div>


   

  

Answer 1

试试这个

   .indexthird  {
            width: 100%;
            
            background-image: url("http://vitas.sk/1/images/indexthird.jpg");
            background-size: cover;
            background-repeat: no-repeat;
            
        }
        .indexthirdbbg{
         background-color: rgba(0,0,0,0.7);
            width: 100%;
            height: 40%;
            min-height: 300px;
            text-align: center;
            padding-top: 7%;
        }
        
        .itquotes{
            
            font-size: 1.5vw;
        }
        .itautor {
            font-size: 1vw;
            margin-top: 1%;
            text-align: center
        }

 <div class="indexthird"><div class="indexthirdbbg">
        <i class="itquotes">"„Kým budu ľudia masakrovať zvieratá, budú zabíjať aj jeden druhého.<br> Ten kto seje vraždu a bolesť, nemôže vypestovať radosť a lásku.“"</i>
      <p class="itautor">Pythagoras</p>
    </div>
    </div>