IE中表格单元格内的绝对位置

我在Internet Explorer中的表格单元格内存在一些绝对定位的问题（具体而言，9，但我确定也存在< 9）。我试图强制表格单元内的div占用整个单元格。IE中表格单元格内的绝对位置

div { 
    position: absolute; 
    top:0; 
    bottom:0; 
    right:0; 
    left:0; 
} 

td { 
    position: relative; 
}

但出于某种原因，IE浏览器完全不同的表现：它采用了镀铬/ FF/Safari浏览器很容易。我无法让它根据表格单元给出一个动态高度。 Here's一个例子来显示我在说什么。它的工作原理是我在Chrome/ff/safari中需要它，但它在IE中被破坏了。有什么办法让它在IE中以相同的方式工作吗？谢谢！

来源

2012-06-05 Chris

它不为我工作在Firefox。你确定你在Firefox中检查过吗？如果是这样，哪个版本？另外，阅读这个答案：http：//stackoverflow.com/questions/7629326/position-relative-in-firefox/7629567#7629567 – thirtydot

啊，你是对的，它不能在FF工作...这是不幸的， '位置：相对; wdc规范中不支持td。这是有原因的吗？有没有解决方法，或者我做这个完全错误？ – Chris

我不知道为什么行为没有在规格中定义。解决您的问题并不是一个特别简单的方法。你为什么首先使用'table'？ – thirtydot

我建议你不要将你的元素定位到所有方向，只使用其中的两个，而是使用你的div的大小。

喜欢：

div { 
    position: absolute; 
    top:0; 
    bottom:0; 
    width: 100%; 
    height: 100% 
} 

td { 
    position: relative; 
    width: 400px; 
    height: 400px; 
}

来源

2012-06-05 15:49:12

一个很好的提示，我可能会使用，但这不能回答我的问题。您的示例在IE中不起作用。 :) – Chris

它具有不能使用边距和填充与像素值的显着缺点。 – Christoph

IE中表格单元格内的绝对位置

回答

相关问题