创建适用于高度值的边框

Question

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

继承人使用以下内容使用以下内容获取当前页脚的代码： 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;
}

然后不要忘记将父项设为亲属和块：

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