::垂直线前不使用100％高度

Question

我正在为朋友制作一个时间轴网站，所以我需要在页面中心添加一条垂直线。问题是垂直线只有大约600px的高度，而不是使用页面的整个长度。我的身高设置为100％，所以我真的很困惑为什么它不能正常工作。这是我正在使用的CSS。

    .blog::before{
    content: "";
    background-color: #333;
    width: 2px;
    position: absolute;
    height: 100%;
    top: 0;
    bottom: 0;
    right: 50%;
    z-index: -1;
}

Answer 1

我担心绝对位置设置高度100％只会保留文档高度而不是整页高度的高度。要设置整页的100％高度，您需要使用固定位置。但仍然担心会解决你的问题。由于使用固定定位可能需要为您的布局付出更多努力。