绝对定位的 div 被父级截断。答案

【问题标题】：Absolute positioned div being cut off by parent.绝对定位的 div 被父级截断。
【发布时间】：2014-03-22 04:42:44
【问题描述】：

我有如下设置：

如您所见，大量的文本正在环绕，因为它似乎压在其父级的边缘。我希望内部 div 能够呼吸并让里面的内容充满它的容器。我不确定如何解决这个问题，但我一直认为绝对定位的元素会破坏盒子模型并且不会像这样。由于父级是相对的，它会相对于父级开始其位置，但宽度将能够延伸到其父级容器之外。我越是减少左边的值，盒子的行为就越好，但它偏离了我想要的中心。我还查看了用于下拉菜单的引导 CSS 代码，我认为我正在做几乎相同的事情。

谁能解释一下如何解决这个问题，或者解释一下为什么会发生这种情况？

【问题讨论】：

始终在您的问题中发布您的代码。

标签： html css absolute

【解决方案1】：

你可以使用空格：nowrap css

<div style="position: absolute; top: 20px; left: 50px; white-space:nowrap;">
     <p>lots of stuff</p>
</div>

这将阻止您的内容的逻辑换行（换行），因为 div 包含在其父级中。

【讨论】：

【解决方案2】：

您需要在绝对定位元素上设置宽度属性。

width: 100%

【讨论】：