css - 创建适用于高度值的边框

Question

不知道该怎么调用它，但我想要一个不跟随 div height:100%; 但位于父 div 的顶部和底部之间的边框。 什么是最好的解决方案？创建另一个包含边框的 div？还是 css 中有任何我不知道的选项？

这是我当前页脚的代码笔，我使用的是 div: http://codepen.io/Volcan3/pen/yVoNZB

Answer 1

您可以使用伪类来模拟不覆盖“100%”的边框... http://codepen.io/anon/pen/yVoORm

.footer-item::after {
   content: '';
   display: block;
   height: 80px;
   width: 1px;
   background-color: red;
   position: absolute;
   right: 0;
   top: 50%;
   margin-top: -40px;
}

然后不要忘记使父项成为相对项和一个 block :

.footer-item {
    display:block;
    height: 100%;
    position: relative;
}