html - Firefox 中的对齐问题

Question

我在 Firefox 中遇到表格对齐问题。在 Chrome/IE 中，它看起来是正确的。有什么问题还是我需要添加“FF Fix”？

看起来每个单元格右下角的小点(在 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 类中取出“相对”位置。