绝对定位div被父母切断。

正如你可以看到，很多东西的文字是包装，因为它似乎对其父的边缘被压着了。我想让内部的div能够呼吸，并让内部的内容填充它的容器。我不知道如何解决这个问题，但我一直认为一个绝对定位的元素打破了盒子模型，并不会像这样。由于父母是相对的，所以父母的位置会相对于父母开始，但是父母的宽度可以延伸到父母的容器外。我越减小左边的值，盒子的行为就越好，但它离我想要的位置偏离中心。我也看了bootstraps的CSS代码做下拉菜单，我想我做的事情几乎是一样的。

任何人都可以解释如何解决这个问题，也许可以解释为什么发生这种情况？

来源

2014-02-20 Siraris

请务必在您的问题中发布您的代码。 – j08691

你可以使用白色空间：NOWRAP CSS

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

这会防止你的内容的逻辑换行（换行），因为在div包含其父内。

来源

2014-02-20 22:51:19

-1

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

width: 100%

来源

2014-02-20 22:52:20

绝对定位div被父母切断。

回答

相关问题