内部高度跨度为100%的Chrome表格单元问题

时间:2019-09-24 13:22:30

标签: html css google-chrome

我发誓它在一两个星期前开始工作!

这里是一个有一百条这样的网格,但要看中间的网格;

Weird behavior

但是从那以后,我们有时会有这种奇怪的行为,它是随机发生的。它似乎没有与单元格本身建立链接,这比整个表的内容还多,因为同一单元格可能正确显示一次,但是如果在另一进程中删除或添加了一行,则此后可能会正确显示。

此外,如果我在Chrome中按 F12 ,请取消选中TD内部跨度上的height:100%,然后再次单击它,它便可以正确显示!因此,如果您检查网格的最后一行,您会看到它确实在单元的整个高度上正确分布。另外,如果我只是调整Chrome窗口的大小,它也可以正确修复它。

<td class="percentcell" align="right" valign="top" style="width: 5%; position: relative;">
    100 %&nbsp;
    <span class="nottobeprint tdCompletedPercentage" val="100" style="border-left: solid 1px #AAA; position:absolute; height:100%; width:8px; right: 0; top: 0; background-color:rgb(0,255, 75)"></span>
</td>

是否有人已经遇到了这个问题,您如何解决?我尝试将其切换为DIV,并且功能相同。 IE或Firefox也不会重现此行为。

0 个答案:

没有答案
相关问题