CSS/HTML：无法修改显示内img的高度：表格

Question

我正在尝试制作一个居中、100% 高的布局，没有固定宽度（啊）。下面的解决方案似乎一切都很好，除了我需要缩放到高度：100% 的 img 之外，它不会在表格单元格内缩放（在 div 之外一切正常）。 编辑：我可以在 css 和标签中设置固定高度，例如 100px 左右。为什么这不适用于 %？

<div id="center">
<div id="tcontainer">
  <div id="tleft">a</div>
  <div id="tright"><img id="bgright" src="images/bgright1.jpg" height="100px" /></div>
</div>
</div>

以及款式：

html,body {
 margin:0;
 padding:0;
 height:100%; /* needed for container min-height */

 font-family:arial,sans-serif;
 font-size:small;
 color:#666;
}
#bgrepeat { /* unnecessary ATM */
 width: 100%;
 height: 100%;
 position: absolute;
 z-index: 0;
}

#bgright { /* HERE THE PROBLEM */
 height: 100%;
}
img { border: 0; /*float: left;*/ }

#center { 
 text-align: center;
 height: 100%;
}
#tcontainer {
 text-align: left; /* POTRZEBNE ? */
 background: red;
 height: 100%;
 display: table;
 margin: 0 auto;
}
#tleft {
 display: table-cell;
} 
#tright {
background: pink;
 display: table-cell;
}

Answer 1

好的，所以这个问题已经被简单地表述了。我刚刚忘记在连续的孩子中传递“高度：100％”。它与显示没有任何关系：表格或图像。