android - Android 2.3.3 上 td 中的绝对位置

Question

我的手机运行的是 Android 2.3.3，它使用标准浏览器(HTC Desire 又名 Bravo)。

我有一个表，它有很多行。一行有两个单元格。

我已经将第二个单元格的位置设置为relative，在这个单元格中，我有一个div，它的位置是absolute。我的目的是在每个单元格的右上角显示一个文本。在我的 Firefox 37 台式机上，一切都很好，但在 Android 上，它显示整个页面的右上角的文本，而不是每个单元格。因此，它根据页面而不是每个单元格绝对定位文本。

这是一个已知问题吗？有什么解决办法吗？ (注意:位置值是absolute，不是fixed。)

td.info:

position: relative;
padding: 8px 8px;
vertical-align: top;
border-bottom: solid 1px #f0f0f0;

.类别:

display: inline-block;
position: absolute;
top: 10px;
right: 10px;
text-align: right;
font-size: 70%;
color: silver;
-webkit-backface-visibility: hidden;

Answer 1

我解决了这个问题。我没有设置 td 元素的 position，而是创建了一个 div 作为 td 的第一个元素，并将其设置为position:relative。然后将类别放入新的 div 元素中。现在它按预期工作。