왜 다른 HTML 테이블 크기가 생깁니 까?

Question

나는 다음과 같은 HTML은 니펫을했다 :

<table> 
<tbody> 
    <tr> 
    <td><table>...</table></td> 
    <td><table>...</table></td> 
    <td><table>...</table></td> 
    ... 
    <td><table>...</table></td> 
    </tr> 
</tbody> 
</table> 

이 jsFiddle에서 표현되는 문제가 발생합니다. 나는 쉽게의 첫 번째 레벨에있는 모든 td 사이에서 어디에서 오는 것인지 알 수없는 특정 공간이 있음을 알 수 있습니다. 이 결과는 첫 번째 수준 테이블의 너비가 두 번째 수준 테이블의 너비 합계보다 큰 것입니다. 당신은 바이올린의 경보 팝업을 확인하여 내가 무엇을 의미하는지 확인할 수 있습니다.

너비가 같아 지도록이 동작을 어떻게 수정합니까?

참고 : 설명을 주시면 감사하겠습니다.

당신이 모든 TD 첫 번째 수준에게 CSS 속성을 추가 할 수 있습니다

Answer 1

에서, TD 기본 패딩을 가지고

td{ 
    margin:0; padding:0; 
} 

Answer 2

폭이 동일 만들기위한 부모 테이블이 추가 :

cellpadding="0" cellspacing="0" 

근무 바이올린 : Demo

그리고 공백을 줄이려면 자식 테이블의 너비를 300px 또는 무언가로 줄이십시오.