display:table破解设置的宽度/高度

Question

最近,我越来越喜欢使用CSS-Table Layouts.

当我遇到另一个问题时display:table,@ vincicat指出表格布局能够打破指定的css width/height.

我尝试了一点,遇到了浏览器的不一致:http://jsfiddle.net/fabb/WywqB/

在Chrome中

在歌剧院

是否display:table可以改变指定的CSS width或height？W3C规范中是否有任何消息来源(我还没有找到任何内容)？

浏览器不应该表现相同吗？哪个浏览器是对的？

Answer 1

http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html提到宽度和高度计算对表格进行了多次不同的处理.

在CSS 2.1中,'min-width'和'max-width'对表,内联表,表格单元格,表格列和列组的影响未定义.

注意.此属性的值[vertical-align]在表的上下文中具有不同的含义.有关详细信息,请参阅表高度算法部分.

[宽度]适用于:所有元素,但未替换的内联元素,表行和行组

等等.