백분율을 사용하고 테이블 높이가 px 인 경우 CSS TR 높이가 작동하지 않습니다

Question

<table>width을 픽셀로 설정했으며 두 개의 테이블을 <tr>에두고 싶습니다. 두 개는 <td>입니다.

내 CSS는 다음과 같습니다

table { 
width:100%; 
height:300px; 
} 

.ruutu { 
width:50%; 
height:50%; 
} 

.ruutu img { 
width:100%; 
height:100%; 
} 

<td>width

항상 <tr>의 width의 50 %이어야한다. 그리고 height은 50 % <tr>의 height이어야합니다.

그러나 width 만 작동하며 height은 작동하지 않습니다.

jsfiddle : 테이블 셀과 높이 http://jsfiddle.net/Ugv3G/7/

Answer 1

나쁜 생각.

td 안에 div를 추가하고 높이를 지정하십시오. IMG는 이제 높이

http://jsfiddle.net/HerrSerker/Ugv3G/13/의 알 내부