html - 使用绝对定位和溢出在边界框外创建元素

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>

现场直播- 有问题的气泡可以在下部接触部分看到

Answer 1

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

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

我希望这有帮助！:)