正如你看到的紅色矩形(自己畫的；它不在代碼中)是我的main-left-section下面的空閑空間，右邊部分是導致這個問題的div，我找不到修復它的方法。

此外，我嘗試設置100vh的高度為我的右半部分，并暫時解決了這個問題；但是當我試圖讓我的頁面有反應的時候，評論部分被放在我右邊的部分上面。

沒有設置右半部分的高度，所以它把評論部分向下推。

為右側部分設置一些隨機高度，這可以暫時解決問題，但會導致以下問題:

HTML和CSS概述:

.main-container {
  padding-top: var(--main-margin-top);
  display: grid;
  grid-template-columns: var(--video-width) var(--main-right-section-width);
  gap: var(--default-gap);
  justify-content: center;
}

@media screen and (max-width: 1190px) {
  .main-container {
    grid-template-columns: 1fr;
    grid-template-rows: 1fr 1fr 1fr;
  }
}

<div class="main-container"> 
  <div class="main-left-section"></div>
  <div class="main-right-section"></div>
  <div class="main-comment-section"></div>
</div>`