두 개의 테이블 높이가 같음

Question

두 테이블의 높이를 같게하고 싶습니다. 왼쪽 테이블에 오른쪽 테이블보다 긴 텍스트가 포함되어 있으면 왼쪽 테이블만큼 길어지기를 원합니다.

이 지금 모습입니다 : 그건 당신이 쓸 수있는 텍스트의 양 제한 때문에

나는이 내가 원하는 방법입니다

... 높이를 설정할 수 없습니다 :

코드 :

<table cellspacing="0" width="30%" align="left" class="rowA"> 
<tr> 
    <td> 
    Sed ut perspiciatis unde omnis iste natus error sit voluptatem 
    accusantium doloremque laudantium, totam rem aperiam, eaque ipsa 
    quae ab illo inventore veritatis et quasi architecto beatae vitae dicta 
    sunt explicabo. "Sed ut perspiciatis unde omnis iste natus error sit 
    voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque 
    ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae 
    dicta sunt explicabo. 
    </td> 
</tr> 
</table> 

<table cellspacing="0" width="70%" align="right" class="rowB"> 
<tr> 
    <td> 
    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do 
    eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut 
    enim ad minim veniam, quis nostrud exercitation ullamco laboris 
    nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor 
    in reprehenderit in voluptate velit esse cillum dolore eu fugiat 
    nulla pariatur. Excepteur sint occaecat cupidatat non proident, 
    sunt in culpa qui officia deserunt mollit anim id est laborum. 
    </td> 
</tr> 
</table> 

Answer 1

두 개의 side-by-side 셀을 대신 사용할 수 있습니까?

<table> 
    <tr> 
    <td style="width: 30%">Left Column</td> 
    <td style="width: 70%">Right Column</td> 
    </tr> 
</table> 

편집 -이 사람은 div의 또는 테이블과 같은 두 개의 분리 된 용기를 사용하는 기술적 인 이유가 있지만, 당신이 그들을 같은 높이가 될 필요가 있다면 그냥 완전성은 ...하는 small jQuery script이 있음 멋지게 저하되는 것만을합니다. 가장 높은 컨테이너를 결정한 다음 다른 컨테이너의 최소 높이 속성을 일치하도록 설정합니다.