::在不使用 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% 高度，需要使用 position fixed。但仍然担心那会解决你的问题。由于 fixed 定位可能需要更多的布局。