html - 如何在 CSS 中创建 100% 垂直线

Question

我想像这样创建一条覆盖整个页面的垂直线

这是我的代码

#menu
{
border-left: 1px solid black;
height: 100%;
}

结果是这样的

Answer 1

使用绝对定位的伪元素:

ul:after {
  content: '';
  width: 0;
  height: 100%;
  position: absolute;
  border: 1px solid black;
  top: 0;
  left: 100px;
}

Demo