Firefox中的对齐问题

Question

我在Firefox中使用我的表格存在对齐问题。在Chrome / IE中，它看起来是正确的。有什么问题或我需要添加“FF修复？”

看起来每个单元格右下角的小点（在chrome / ie中）位于FF页面的右下角。但是，在实际页面上，它位于屏幕的右上角。

http://jsfiddle.net/P3JnP/5/

注意 - 似乎在Safari中也不起作用。

Answer 1

这是我的想法。在每个TD中放入一个div并使其相对。在你的数字和点周围包裹div，并使其成为单元格的完整高度和宽度。像这样：

<td class="td_time">
   <div class="time-wrapper"><div class="time"></div><span class="time_note"></span>     
   </div>
</td>

CSS:
.time-wrapper
{
width:100%;
height:100%;
position:relative
}

这应该解决它。你也应该能够从td_time类中取出“相对”位置。

Answer 2

见下面的小提琴：

小提琴：http://jsfiddle.net/P3JnP/11/

演示：http://jsfiddle.net/P3JnP/11/embedded/result/