CSS使div 100%宽度与body相关,而不是它的父div

Question

我有

<div style="position:relative; width:500px;">
    <div style="position:absolute; width:100%"></div>
</div>

子div占用它的父div的100%宽度.有没有办法可以强制它采取100%宽度的身体而不是父div.我需要在上面的代码中进行相对和绝对定位.

Answer 1

在保持代码中的相对和绝对定位的同时，唯一的方法是使用 JavaScript。您需要获取窗口宽度并将其设置为 div 宽度。您还需要在调整大小时检测窗口大小，以便始终将 div 调整设置为当前窗口宽度。

您可以执行此操作的其他两种方法可能不是选项，但值得一提

1. 将子 div 放在父 div 之外。
2. 或者将其设置为固定位置。这样做可能不会产生理想的效果。无论页面滚动如何，div 都将始终处于相同位置。