Firefox 绝对定位在Chrome和IE中运行良好,它不';t in FF
我试图将表格单元格中div的位置(具有相对位置)设置为绝对,这在Chrome和IE中非常有效,但在FF中,它似乎只是相对于整个身体的绝对位置 我试图让div显示在单元格的左上角(链接只是用来定位代码中的另一个元素,但应该定位在单元格的右上角)。但是,在FF中,div显示在整个屏幕的左上角,而(元素由)链接显示在整个屏幕的右上角 以下是相关代码:Firefox 绝对定位在Chrome和IE中运行良好,它不';t in FF,firefox,css-position,Firefox,Css Position,我试图将表格单元格中div的位置(具有相对位置)设置为绝对,这在Chrome和IE中非常有效,但在FF中,它似乎只是相对于整个身体的绝对位置 我试图让div显示在单元格的左上角(链接只是用来定位代码中的另一个元素,但应该定位在单元格的右上角)。但是,在FF中,div显示在整个屏幕的左上角,而(元素由)链接显示在整个屏幕的右上角 以下是相关代码: <TD ID="EVENT" style="position:relative;"> <a href="#" id="Menu" st
<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>
内容
我不确定这是否与问题有关,但您的表格单元格中缺少引号:
<TD ID="EVENT style="position:relative;">
不是,在我的原始代码中它就在那里,但我必须在清理代码时将其删除到相关的位。也许这是一个特殊的怪癖,在FF的表单元格中不起作用。试着在表格单元格中放置一个“container”div,并将它们放在该单元格中?没问题:)表格有时使用CSS会很奇怪。
<TD ID="EVENT" style="position:relative;">
<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>