使用百分比设置div宽度而不限制父div宽度

Question

您好我的HTML中有这样的内容：

<div class="container">
    <div class="image-slider"></div>
</div>

这是我的CSS：

.container {
        max-width: 1133px;
        margin-left: auto;
        margin-right: auto;
    }

我想将.image-slider的div宽度设置为100％，但这里是catch，而不是跟随容器的100％宽度，只有1133px，我希望它遵循100％宽度的大小我的身体标签。当然，一种解决方案是将图像滑块放出容器，但由于这是一个wordpress网站，因此在某些复杂的主题中，这种解决方案并不容易。有没有办法使.image-slider宽度100％跟随body标签的大小而不将其从容器包装中取出？

Answer 1

将div.image-slider绝对定位将使其脱离文档的正常流程，其位置将相对于具有相对位置的第一个父标记。

body{
  position: relative;
}
.image-slider{
  position: absolute;
  width: 100%;
}