Javascript 为什么我的css语音泡泡被频繁替换？我怎样才能防止这种情况？

我使用css3方法绘制speechbubble

有时，当我加载我的网站时，speechbubble会被替换掉

看

然后我必须按下刷新按钮几次，然后才能以正确的方式渲染它。

看

注意：没有成功或失败的标记。它始终是相同的标记

我用chrome测试过，这种情况经常发生。您可以在此处查看其中一个公共页面

**编辑**

我之所以添加这段代码，是因为我需要一条注释来显示一些代码

负责绘制语音气泡的css代码

/******** talkbubble_left **************/
.gradient_header_talkbubble {
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #f8f8f9 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f8f8f9)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%,#f8f8f9 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%,#f8f8f9 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%,#f8f8f9 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ffffff 0%,#f8f8f9 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f8f8f9',GradientType=0 ); /* IE6-9 */
}
.talkbubble_left {
    position: relative;
    background: #white;
    border: 1px solid #DCDDDE;
}
.talkbubble_left:after, .talkbubble_left:before {
    right: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    top: 50%;
}
.talkbubble_left:after {
    border-top: 5px solid transparent;
    border-right: 10px solid #FBFBFB;
    border-bottom: 5px solid transparent;
    margin-top: -5px;
}
.talkbubble_left:before {
    border-top: 6px solid transparent;
    border-right: 11px solid #DCDDDE;
    border-bottom: 6px solid transparent;
    margin-top: -6px;
}

#header .talkbubble{
    display: inline-block;
    position: relative;
    top: 10px; left: 0; right: 0; bottom: 0;
    height: 47px;   
    width: 889px;
    float: right;   
}

---

如何使用代码来防止这种情况？可以是javascript、css或html或任何东西。

浮动

。bot50x50

和

。talkbubble

都离开并去掉所有

位置：相对样式，除非绝对需要

如果看不到成功和失败的加价，很难提供帮助。不要期望人们对你的页面进行反向工程。在你的问题中发布一个代码示例。我也不想在这里不加区别地粘贴我的整个css文件和html标记。让我从粘贴负责绘制speechbubble的css代码开始。没有成功和失败的标记。这是相同的标记，不知何故显示了我粘贴在这里的两个不同的图像。我不完全确定这是否有帮助。将两个元素都向左浮动，并去掉多余的
位置：relative@twodayslate浮动哪个元素？我已经在另一个css规则中为整个气泡设置了float：谢谢你的建议。我使用了额外的div加上名为table cell和table row的css样式来帮助消除float:right导致的问题。