创建垂直延伸整个网页的垂直线

Question

我有文字，想要给文本一个左右边框，这个边框垂直延伸到整个网页上。这是我的HTML

<div id="vLine">
    <h1>text</h1>
</div>

这是我的css

#vLine {
    height: 100%;
    width: 50px;
    border-left: 3px solid black;
    border-right: 3px solid black;

现在，即使我将高度设置为100％，它仍然像在网页顶部和网页顶部之间的一个小的2px间隙，它在整个页面上延伸并连接到页面顶部。为什么会出现这种差距？我正在使用铬浏览器，我猜这个差距会因浏览器的不同而有所不同但是如何在不考虑浏览器的情况下彻底摆脱这个差距？

Answer 1

嗯，好吧，我试过的方式，

#vLine {
    margin: -10px;
}

并且它起作用，结果看起来像2px的差距是10px但是，它修复了它。