내부 div의 상단 테두리가 외부 div의 상단 테두리와 겹치게하려면 어떻게해야합니까?

div 안에 div가 있고 둘 다 테두리가 있습니다. 내부 div의 상단 테두리가 외부 div의 테두리와 겹치게하려면 어떻게해야합니까?내부 div의 상단 테두리가 외부 div의 상단 테두리와 겹치게하려면 어떻게해야합니까?

HTML :

<body> 
    <div id = "outerdiv"> 
     <div id = "innerdiv"> 
      content 
     </div> 
    </div> 
</body>

CSS : 내부 DIV 아래쪽 테두리를 취소 것이며, 그 부분이 보일 것이다 있도록

#outerdiv{ 
    border: 1px solid black; 
} 

#innerdiv{ 
    border-top: 1px solid white; 
}

내가 경계가 서로의 상단에 정렬하려면 국경의 일부가 맨 위에 없어 졌던 것처럼.

아래쪽 테두리에는 적용되지만 상단에는 적용되지 않습니다.

이 문제는 무엇입니까? http://jsfiddle.net/2nXsT/ –

흰색 배경으로 위 테두리가 사라지지 않습니다. 어쨌든 고맙습니다. – user1809913

그것은 해키,하지만 당신은 1px로 요소를 이동할 수 :

이

#innerdiv { 
    position: relative; 
    top: -1px; 

    border-top: 1px solid white; 
}

왜 그냥 부모에게 border-top: 1px solid transparent;를 추가하지 마십시오?

2013-02-18 00:43:40 Blender

상단 테두리의 한 부분 만 누락되기를 원하기 때문입니다. 모든 것이 아닙니다. 하지만 고마워. – user1809913

#innerdiv을 position:relative; top:-1px으로 지정하십시오.

2013-02-18 00:43:47

고맙습니다. – user1809913

답변