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

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 微小间隙，它延伸到整个页面并连接到页面顶部。为什么会有这个差距？我正在使用 chromium 浏览器，我猜这个差距会因浏览器而异，但是无论浏览器如何，我如何完全摆脱这个差距？

Answer 1

嗯，好吧，所以我尝试过的方式，

#vLine {
    margin: -10px;
}

它起作用了，原来看起来只有 2px 的间隙是 10px，但是是的，它修复了它。