假设我有两个 div，一个在另一个里面，如下所示:
<html>
<body>
<div id="outer" style="width:50%">
<div id="inner" style="width:100%">
</div>
</div>
</body>
</html>
现在，内部 div 的宽度为屏幕尺寸的 50% 的 100%，即屏幕尺寸的 50%。如果我要将内部 div 更改为绝对定位，如下所示:
<html>
<body>
<div id="outer" style="width:50%">
<div id="inner" style="position:absolute;width:100%">
</div>
</div>
</body>
</html>
在这种情况下，内部 div 占据了 100% 的屏幕空间，因为它的位置设置为绝对位置。
我的问题是:当内部 div 的位置设置为绝对时，有什么方法可以保持它的相对宽度吗？
最佳答案
将 position:relative 添加到您的外部 div。
更新:之所以有效，是因为 position: absolute 中的位置是相对于具有某些定位(静态除外)的第一个父级的。在这种情况下，没有这样的容器，因此它使用该页面。
关于html - "position:absolute"div 有什么方法可以保持相对宽度吗？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/14327104/