使用百分比和表高度时,CSS TR高度不起作用是以px为单位

时间:2011-12-22 16:43:48

标签: css html-table

我已设置<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/

1 个答案:

答案 0 :(得分:1)

表格单元格和高度不好。

在td中添加一个div并给它一个高度。 img内部现在知道高度

http://jsfiddle.net/HerrSerker/Ugv3G/13/(第一行第一个单元格)