div中的垂直规则

Question

jsFiddle

我在div中有一个“垂直规则”（实际上是嵌套div的border-right）。但是，我无法跨越整个容器。我尝试修改边距（尝试删除margin-top: 20px;中#vr的评论，但无济于事。

另外，如何使#wrapper扩展以适应其内容？

编辑：对不起，我不清楚。我正在努力解决#wrapper中的填充问题，因为这对其他事情是必要的。

编辑：I've worked it out：还是有更清洁的方式？

Answer 1

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

Answer 2

这是因为包装器中的填充

使顶部和底部填充为0px

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