ul의 아래쪽 경계선을 ul 탭 아래쪽 경계선을 덮도록 설정하십시오.

Question

오른쪽에있는 li이 '활성'으로 설정되어있는 것을 볼 수 있습니다. 따라서 원하는대로 ul의 아래쪽 경계선을 덮는 아래쪽 테두리가 있습니다. http://jsfiddle.net/6XTY2/ 그러나 왼쪽 li을 'active'로 설정하면 ul의 아래쪽 경계선이 아래로 내려 가게되므로 왼쪽 li 아래 경계선은 li 경계선으로 덮이지 않습니다. 왼쪽의 리가 부 풀리지 않기 때문이라고 생각합니다. http://jsfiddle.net/6XTY2/1/하지만 왼쪽 리를 뜨면 div와 ul의 모든 자식이 떠 다니므로 다른 문제가 발생합니다. 이 문제를 어떻게 해결할 수 있습니까?

Answer 1

당신은 부정적인 여백 추가 할 수 있습니다

#nav ul li.active a { 
    margin-bottom: -2px; 
} 

을하지만 보조 탐색이 취소해야 할 것 :

#nav ul li.active.nav-secondary a { 
    margin-bottom: 0; 
} 

Answer 2

또 다른 옵션 : 당신은

#nav ul li a { 
    border: 1px solid #dcdcdc; 
    margin-bottom:-1px; 
} 

#nav ul li.active a { 
    border-bottom-color:#F6F6F4; 
} 

기본적으로이 시점에서 border-bottom-color를 변경합니다.