Question

我创建了一个讲话泡泡，作为一个绝对定位的元素，我希望它可以放在它的包装外面。

我已经设法将div放在正确的位置，但是div之外的内容被剪裁了。

我使用overflow:visible试图让它显示但它似乎不正确？

CSS

#bubble{
width:201px;
height:189px;
position:absolute;
left:-87px; 
bottom:0; 
z-index: 99;
overflow:visible;
}

HTML

 <!-- Speech bubble-->
<div id="bubble"><img src="images/hire_me_bubble.png" 
                 alt="Hire me" />
</div>

Live site - 有问题的气泡可以在较低的联系部分看到

Answer 1

剪辑的原因似乎是包含它的div之一：#contactwrapper。它已overflow设置为hidden。将其设置为visible会使其完全可见，但由于其父容器的重新调整而移动它。

一旦可见，您可以重新定位absolute（我不推荐），或者尝试调整父项大小，然后浮动。

我希望这有帮助！：）