Android 2.3.3上td的绝对位置

时间:2015-06-12 18:38:11

标签: android css browser css-position

我的手机在Android 2.3.3上,它使用股票浏览器(HTC Desire aka.Bravo)。

我有一张桌子,它有很多行。一行有两个单元格。

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

这是一个已知问题吗?这有什么问题吗? (注意:位置值为absolute,而不是fixed。)

td.info:

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

.category:

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

1 个答案:

答案 0 :(得分:0)

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