css - 如何在容器的 100% 处使用 CSS 垂直线

Question

我在页面中央放置了一条垂直线。但我希望这条线充满垂直线 div 所在的容器。当我使用 height: 100%; 时。在垂直线 div 上，该线仅达到我的显示器分辨率高度的大小。这是该行的 CSS:

.line {        
border-left: 6px solid  #3C948B;
margin-left: -3px;
height: 100%;
position: absolute;
left: 50%;        
z-index:-5;}     

Answer 1

当您使用百分比高度时，您还必须检查父级高度。然后是父项的父项的高度等。这可能意味着您需要将 height: 100% 添加到您的 html, body 标记中。并且可能对您在它们下面的任何包装器。