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

【问题标题】：Creating an element outside it's bounding box using absolute positioning and overflow使用绝对定位和溢出在边界框外创建元素
【发布时间】：2012-09-03 06:58:21
【问题描述】：

我创建了一个语音气泡作为绝对定位的元素，我希望它位于它的包装之外。

我已设法将 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 - 有问题的气泡可以在下接触部分看到

【问题讨论】：

标签： html css overflow css-position

【解决方案1】：

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

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

我希望这会有所帮助！ :)

【讨论】：