絕對定位在Chrome和IE中正常工作，它並不在FF

我想設置一個表格單元格內的div的位置（相對位置），絕對和它在Chrome和IE的偉大工程，但在FF中，它看起來好像只是相對於整個身體而言的絕對定位。絕對定位在Chrome和IE中正常工作，它並不在FF

我試圖讓我的股利在單元格的左上角顯示（該鏈接只是用來在我的代碼來定位另一個元素，而應該是定位於細胞的右上角）。然而，在FF中，div顯示在整個屏幕的左上角以及整個屏幕右上角的（鏈接的元素）鏈接中。

下面是相關代碼：

<TD ID="EVENT" style="position:relative;"> 
<a href="#" id="Menu" style="position:absolute;top:0;right:0;"></a> 
    <div id="detail" style="position:absolute;top:0;left:0;width:100%;z-index:10;"> 
    content 
</div> 
</TD>

來源

2012-04-12 Mats Raemen

我不知道這是否是相關的問題，而是你缺少一個引號中的表格單元格：

<TD ID="EVENT style="position:relative;">

應該閱讀：

<TD ID="EVENT" style="position:relative;">

這種事情在過去對我造成了問題，雖然如果在其他瀏覽器可能不會導致問題。

編輯：嘗試使用表格單元格內的容器div。

<TD ID="EVENT"> 

     <div id="container" style="position:relative;"> 

     <a href="#" id="Menu" style="position:absolute;top:0;right:0;"></a> 
     <div id="detail" style="position:absolute;top:0;left:0;width:100%;z-index:10;"> 
     content 
     </div> 

     </div> 

    </TD>

來源

2012-04-12 09:33:37 surfitscrollit

這不是，在我原來的代碼中，它在那裏，但是在清理我的代碼到相關位時我必須刪除它。 – 2012-04-12 09:49:25

也許這是一個特殊的怪癖，在FF中的表格單元格中不起作用。嘗試在表格單元格內放置一個'容器'div並將它們放置在裏面？ – surfitscrollit 2012-04-12 10:07:53

我將編輯原始答案以顯示我的意思。 – surfitscrollit 2012-04-12 10:14:25

絕對定位在Chrome和IE中正常工作，它並不在FF

回答

相關問題