css根据内容自动调整td高度,css – 如何使div高度100％内部td的100％

这个问题似乎在stackoverflow上至少有10次,但是其中一个实际上没有答案.这一点略有不同,因为问题出现在Firefox中.

我的桌子高度为100％,高度为100％.我把td的边界设置成可以看到的东西.我看到td是预期的100％.我把一个div放在那个td里,把它设置为100％.在Chrome中是100％.在Firefox中不是100％.

我该如何解决？

例

body,html {

width: 100%;

height: 100%;

padding: 0px;

margin: 0px;

}

.full {

width: 100%;

height: 100%;

border: 10px solid red;

}

#content {

width: 100%;

height: 100%;

}

#content>table {

width: 100%;

height: 100%;

}

#content>table>tbody>tr>td {

border: 10px solid blue;

width: 50%;

}

#container {

width: 100%;

height: 100%;

border: 10px solid black;

}