使用百分比设置 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%，但这里要注意的是，我希望它遵循 100% 的宽度大小，而不是遵循只有 1133px 的容器我的身体标签。当然，一种解决方案是将图像滑块从容器中取出，但由于这是一个 wordpress 站点，这种解决方案在一些复杂的主题中并不容易做到。有没有办法让 .image-slider 的宽度 100% 跟随 body 标签的大小，而无需将其从容器包装器中取出？

Answer 1

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

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