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

Question

我正在尝试制作具有固定宽度（argh）的居中，100％高布局。下面的解决方案似乎都可以，除了我需要调整到高度的img外：100％，这不会在表格单元格内扩展（除了div之外，一切正常）。 编辑：我能够设置固定的高度像100px左右，无论是在CSS和标签。为什么这不适用于％？

<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％”。它与显示没有任何关系：表格和图像。