創建在整個網頁上垂直延伸的垂直線

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的，但是啊，它固定它。