我正在为 friend 制作一个时间轴网站,所以我需要在页面中心下方添加一条垂直线。问题是垂直线只有大约 600px 的高度,而不是使用页面的整个长度。我将高度设置为 100%,所以我真的很困惑为什么它不能正常工作。这是我正在使用的 CSS。
.blog::before{
content: "";
background-color: #333;
width: 2px;
position: absolute;
height: 100%;
top: 0;
bottom: 0;
right: 50%;
z-index: -1;
}
最佳答案
我担心用绝对位置设置高度 100% 只会保留文档高度的高度,而不是整个页面的高度。要设置整个页面的 100% 高度,需要使用 position fixed。但仍然担心那会解决你的问题。由于使用 fixed 定位可能需要为您的布局付出更多努力。
关于themes -::在不使用 100% 高度的垂直线之前,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39360811/