边框线没有延伸到整个页面？ CSS

Question

这是我的 CSS 代码。但由于某种原因，边框长度只占页面的一半我希望将其扩展到页面末尾。

section.courses {
  float: left;
  width: 760px;
  border-right: 1px solid #eeeeee;
  margin-left: 30%;
}

谢谢你

Answer 1

为了让您的 border-right 延伸到页面末尾（即页面底部），section.courses 的高度应等于页面的全高。您可以尝试分配此代码

section.courses
{
    float:left;
    width:760px;
    border-right: 1px solid #eeeeee;
    margin-left: 30%;
height: 100vh;
}

Answer 2

您应该尝试添加

身高:100vh

而且容器会延伸，边界也会延伸

The border line doesn't extend to the whole page ? CSS