我在td元素中使用绝对定位的内容时发现了一个问题.该td元素未被识别为定位元素,因此内容相对于该元素定位body.此问题仅出现在FireFox中,并且预期的布局在其他浏览器中可见 - jsfiddle.
对它进行一些挖掘似乎与使用FireFox display:table-cell作为表格单元格的默认显示类型有关.我可以通过将显示更改为block或通过添加div容器来充当内容的定位容器来解决此问题.
有没有理由避免将单元格的显示类型更改为block？我更愿意使用此方法,而不是添加其他元素来纠正一个浏览器中的问题.
这与表格单元格中div样式绝对描述的问题不同,或者为什么"position:absolute"时"display:table-cell"被破坏.