div 内的垂直线

Question

jsFiddle

我在 div 中有一条“垂直规则”（实际上是 border-right）。然而，我很难让它跨越整个容器。我尝试修改边距（尝试删除 #vr 中 margin-top: 20px; 的注释，但无济于事。

另外，我该如何制作 #wrapper 扩展以适应其内容？

：抱歉，我正在尝试解决 #wrapper 中的填充问题，因为它对于其他事情是必要的。

编辑 一个href="http://jsfiddle.net/Gfn9U/5/" rel="nofollow">我已经解决了：或者有更干净的方法吗？

Answer 1

填充需要是 #vr 的属性 这看起来正确吗？ http://jsfiddle.net/Gfn9U/4/

Answer 2

这是因为包装器中的填充

使顶部和底部填充为0px

#wrapper {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 0px;
    padding-bottom: 0px;
}