忽略父Div宽度

Question

所以我有一张图片（或将包含该图片的div），我想将其用作投资组合的横幅。

我希望此图像为页面的整个宽度（而不是高度）。但是，此图像嵌套在div内，该div包含我的每个投资组合项目的所有信息，并且不允许我扩展到容器之外。

但是，我如何在投资组合中设置边距和容器的当前状态有点混乱，因此很难在线上查看示例。

以下内容按以下顺序嵌套：

包含所有项目的ID

#contentContainer2 {
   width: 100%;
   background-color: #FFFFFF;
   margin-right: 0;
   margin-left: 0;
   padding-bottom: 6em;
}

用于推动内容/集间距的ID：

#marginSetter2 {
   width: 63em;
   margin-left: auto;
   margin-right: auto;
   height: auto;
   padding: 0;
}

包含单个项目的ID（以及我要扩展为全宽的div所在的位置）：

#projectDescription1 {
   padding-top: 1em;
}

如果您想仔细看一下代码，请DM我，我很乐意将您的投资组合的链接发送给您。

如果东西有点凌乱，我深表歉意。当我刚开始使用html / css / javascript脱离舒适区时，我就开始建立此产品组合，因此我没有那么丰富的经验，也没有进行大规模的修复。

干杯， 亚历杭德罗

Answer 1

/* Actual banner image */
width: 100%;
position: absolute;
left: 0%;

Answer 2

您可以使用绝对位置来做到这一点。但是，从设计的角度来看，我会考虑对容器进行一些重构。考虑将容器的边缘与该图像一起包装在新的div中，而不要尝试将图像拖入不属于该容器的容器中。