加载或刷新时，CSS标记显示在浏览器屏幕右上角

在我的主页上，我有一些砖石风格的博客文章，上面有无限的卷轴。每个blogpost都是一个DIV，有一个图像、作者、介绍文本、日期等。 它也有一个“分类标签”，如“体育”、“新闻”等，显示在每个博客的右上角。请看图片。。。[！[Image-2][1][1]

问题在于，当页面加载到浏览器或重新刷新时，屏幕右上角的所有这些“标记”都会显示几秒钟。请看图片。。。[！[Image-1][2][2] 但是当所有东西都被加载后，标签就在它们应该在的地方了。因此，定位没有错

当页面加载或您刷新时，是否可以修复“标签”在浏览器屏幕右上角几秒钟内不显示的问题？另外，我不想实现一个预加载程序，它对用户体验没有好处，而且我认为对于一些标签来说太过了

我想我的代码不会有任何问题，但这里是我的CSS：

.tag {
    font-size:14px;
    font-family:'Droid Serif';
    font-style:bold;
    text-align:center;
    color:#FFF;
    margin-left:15px;
    border:2px solid #FFF;
    padding:6px;
    background-color:#C9C9C9;
    float:right;
    z-index:3;
    display:block;
    position:absolute;
}

---

页面中也有javascript吗？@John Bupit-是的，无限滚动。可能有问题吗？你绝对是在定位

.tag

，但是，我想你还没有定位祖先，所以

。tag

是相对于

身体定位的。砌体在加载时会将
position:absolute
添加到网格项中，这就是您看到
.tag
卡入到位的原因。tl；dr Add
位置：相对位置到您的网格项目。@性感萝卜-性感萝卜-谢谢！你的解决方案是对的，但我不能用你的建议来解决它。。。我打开了一个新的帖子。。。页面中也有javascript吗？@John Bupit-是的，无限滚动。可能有问题吗？你绝对是在定位
.tag
，但是，我想你还没有定位祖先，所以
。tag
是相对于
身体定位的。砌体在加载时会将
position:absolute
添加到网格项中，这就是您看到
.tag
卡入到位的原因。tl；dr Add
位置：相对位置到您的网格项目。@性感萝卜-性感萝卜-谢谢！你的解决方案是对的，但我不能用你的建议来解决它。。。我打开了一个新的帖子。。。