为什么不与流体图像孩子IE尊重表格宽度

Question

考虑the following code：

HTML：

<table> 
    <tr> 
     <td><img src="http://watduck.jpg.to" /></td> 
    </tr> 
</table> 

CSS：

table { width: 10% } 
img { max-width: 100% } 

的图像显然应该是一个第10个窗口的宽度，这正是除了IE之外的每个浏览器的情况，它只是回落到了i ts原始大小。

然而，consider this：

HTML：

<div><img src="http://watduck.jpg.to" /></div> 

CSS：

div { width: 10% } 
img { max-width: 100% } 

其IE浏览器得到正确的，并显示在窗口宽度的十分之一。

---

所以，这里的问题：是什么原因导致这种行为，怎么可能做强制IE尊重表格的宽度？

测试IE8 & IE9（不关心IE7及以下）。

Answer 1

如果您在表css中指定，它将起作用。

关于表格布局的标准似乎有一些矛盾的术语。特别地，table-layout: auto;这样说：

列的宽度是由最宽牢不可破含量在细胞

由于图像内容是牢不可破设置，则设置单元格的宽度的大小内容。最大宽度似乎被它覆盖。