创建适用于高度值的边界

Question

不知道该怎么称呼，但我想要一个不遵循divs height:100%;但以父级顶部和底部为中心的边框。最好的解决方案是什么？创建另一个包含边框的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;
}