웹 페이지 전체에 수직으로 세로선이 생기기

Question

텍스트가 있고 전체 웹 페이지 위로 세로로 확장되는 왼쪽 및 오른쪽 테두리를 텍스트에 제공하려고합니다. 이것은 나의 HTML

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

이며, 이것은 내가 100 % 내 높이를 설정에도 불구하고, 지금 내 CSS를

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

, 그것은 여전히 ​​라인의 상단과 사이에 작은 2 픽셀 간격 등 웹 페이지의 맨 위에는 페이지 전체에 걸쳐 펼쳐 페이지 상단까지 연결됩니다. 왜 이런 격차가 있습니까? Chrome 브라우저를 사용하고 있는데이 차이는 브라우저에 따라 다르 겠지만 브라우저에 관계없이이 차이를 완전히 없애려면 어떻게해야합니까? 흠 괜찮 그래서 방법을 시도 무엇

#vLine { 
    margin: -10px; 
} 

하고 일

Answer 1

이 밝혀 단지 2 픽셀처럼 보였다 그 차이는 10px했지만 참으로 그것을 해결했습니다.