중첩 된 인라인 블록에서 기본 상단 여백을 제거합니다.

Question

웹 사이트 navbar를 준비하면서 탭 위에 마우스를 가져 가면 상단 테두리가 탭 위에 표시됩니다.

문제는이 divbar 탭이 컨테이너 div에 중첩되어 있고 명시 적으로 지정하지 않았는데도 navbar 탭에 약간의 여백이 있다는 것입니다. 그래서, 원하는 꼭대기 경계는 창 상단에 완벽하게 정렬되어 있지 않습니다.

나는 보조 해결책을 시도했다 : vertical-align:top과 margin-top:-4px을 사용하여 부모에 font-size:0을 설정했지만 그 중 일부는 완벽하지 않은 것 같다. http://jsfiddle.net/A3nEq/

공지 절대 상단과 흰색 위쪽 테두리 사이에 얇은 검은 색 선 :

다음은 jsfiddle입니다. 나는 그걸 없애야 해!

Answer 1

#headContainer div에서 border: 2px solid transparent;을 제거해야합니다.

데모 : http://jsfiddle.net/A3nEq/1/

Answer 2

#headContainer에서 테두리를 제거하십시오.