如何防止其他元素受到溢出隐藏的影响？

Question

我有一个父元素，其中包含动态文本，需要将其限制在某个区域。我有网友认为这里写的句子，而不使用空间（例如：yyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyy等...）这是打破我的样式文本区域的结构。

#ProfileCommentBody{ width:500px;  font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333; margin:15px 0px 0px 20px; float:left; background-color:#EAF7FB; padding:10px 10px 10px 10px; position:relative; overflow:hidden;}

我使用了overflow:hidden，正如您在css代码中看到的那样，它解决了问题，但却产生了一个新问题。我有另一个另一个元件，其是绝对定位的是完成我的讲话气泡的样式一个图像（在上述元素是语音泡），当我对上述元素overflow:hidden它使该图像消失。我尝试过z-index，但这不起作用。

.ProfileCommentTail{background:url(images/speechBubbleTail.png) no-repeat top left; width:15px; height:10px; position:absolute; top:20px; left:-15px;}

除了overflow:hidden之外还有其他选择吗？或者我可以采取哪些措施来抵消overflow:hidden正在做的不需要的部分？

html结构：

 <div id='ProfileCommentBody' class='round_10px'>
        <div id='CommentNameProfile'>
            <div class='ProfileCommentTail'>&nbsp;</div>
                <a href='http://www.blahblahblah.org/Profile.php?id=<?php echo $poster->id; ?>'>
                    <?php echo $poster->first_name. " ". $poster->last_name; ?> says...
                </a>
        </div>
</div>

下面是什么它现在正在做一个imgage，这是错误的一个例子（缺少语音泡尾到偏振片的右侧，以及语音泡的左侧）溢出：隐藏引起此消失，但解决我遇到的另一个问题：

这是支持的样子，注意连接到讲话泡泡的微小蓝色气泡尾巴：

Answer 1

<div id="blah">
     <div class='ProfileCommentTail'>&nbsp;</div>
     <div id='ProfileCommentBody' class='round_10px'>
        <div id='CommentNameProfile'>
                <a href='http://www.blahblahblah.org/Profile.php?id=<?php echo $poster->id; ?>'>
                    <?php echo $poster->first_name. " ". $poster->last_name; ?> says...
                </a>
        </div>
      </div>
</div>

这就是我最初评论的意思。 CSS如：

#blah { position:relative; }

然后再次，因为没有布局/设计/ comp链接，很难看到你在描述什么。我建议发布视觉问题的视觉细节。