팬텀 테두리 테이블 안의 테이블 Css

Question

테이블 내에 테이블이 있으며이 팬텀 테두리가 있습니다. 저의 삶을 위해 나는이 여분의 공간을 죽일 많은 것들을 시도했으며 나는 그들을 없애는 방법을 모른다. outertable TD에

padding: 0px; 

를 추가 체크 아웃 jsfiddle

body{ 
    background: #ddd; 
} 
.outterTbl{ 
    border-collapse: collapse; 
    border-spacing: 0px; 
    background: green; 
} 
.outterTbl th{ 
    background: black; 
    color: white; 
} 
.outterTbl td{ 
    margin: 0px; 
    border-spacing: 0px; 
    border: none; 
} 
.innerTbl{ 
    border-collapse: collapse; 
    border-spacing: 0px; 
    text-align: center; 
} 
.innerTbl th{ 
    background: #3399cc; 
    color: white; 
} 
.innerTbl tr:nth-child(odd) { 
    background: white; 
} 
.innerTbl tr:nth-child(even){  
    background: #9ccde5; 
} 

Answer 1

은 도대체 당신을 위해 일했다 젠장 어떻게 트릭을

jsfiddle