如何在父元素的界限内强制甚至绝对定位子元素
如何在父元素的界限内强制甚至绝对定位子元素
提问于 2012-02-01 19:08:47
如何将子html元素强制置于父元素的边界内，这样，即使绝对定位的子元素仍然保留在父元素的边界(或被裁剪)内。
我这样做是因为我希望防止子内容的作者使用绝对定位的元素“覆盖页面内容”。
我不想用iframe。我最好的解决方案是使用javascript找到所有子元素，其样式位置设置为“绝对”或“固定”，并将它们转换为“静态”，不过，我想要一种更好的方法，最好是非javascript方法。任何帮助都是好的帮助。
注意:为父元素设置style="position:relative;"只解决了具有style="position:absolute;"，而不是style="position:fixed;"的子元素
回答 1
Stack Overflow用户
发布于 2012-02-01 19:19:39
如果父元素具有position: relative，则在带有position:绝对值的子元素中的任何子元素都将位于父元素的边界内。
因此：
<div style="position:relative; width:400px; height:400px;">
<div style="position:absolute; left:190px; top:190px; width:20px; height:20px;">
</div>会给你一个20 of正方形，绝对定位在400 of正方形的范围内。
如果你想剪辑，你可能需要使用溢出:隐藏，并可能玩z-索引。您想要剪辑的div可能需要有z索引：-1。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/9101696
复制相关文章
相似问题
腾讯云开发者
