Jquery 固定宽度DIV内的全屏DIV

我读了一些像这样的问题，但没有什么能帮助我

我有一个引导布局，固定（中心宽度边距：0自动）容器宽度为1170px

现在在这个内容中，我需要插入一个div，它尊重div的顺序（所以没有位置：绝对），但是宽度为100%。通过这种方式，我可以使用这个div插入背景大小为：cover

我读了这个 此解决方案不允许我为Entre div.使用唯一的背景图像

我想我可以用一个jquery来解决这个问题，这个jquery在中间div和屏幕之间的距离中添加一个负的左边距和右边距

你能帮我吗

---

谢谢你想得太多了

您有一个固定宽度为1170px的容器div..可能有一个类

.container

（不确定引导）。这并不意味着不能多次使用容器类

因此，只需在全宽div之前关闭固定宽度容器，然后在它之后重新打开容器。真的很简单

<div class="container">

</div>

<div>
YOUR BANNER HERE
</div>

<div class="container">

</div>

你的旗帜在这里

你想得太多了

您有一个固定宽度为1170px的容器div..可能有一个类

.container

（不确定引导）。这并不意味着不能多次使用容器类

因此，只需在全宽div之前关闭固定宽度容器，然后在它之后重新打开容器。真的很简单

<div class="container">

</div>

<div>
YOUR BANNER HERE
</div>

<div class="container">

</div>

你的旗帜在这里

发布您的一些代码和您已经尝试过的内容如何。下面是代码。根据你的代码，我不认为你想做什么是可能的。我会遵循@Paulie_D的建议。是的，问题在于我不能改变html结构，因为它是drupal网站，而我不是网站管理员。。。你认为jquery也不可能吗？任何子元素（无论它是如何通过源代码或动态添加的）都不能大于它的父元素，除非它从文档流中删除。您可以通过jQuery计算这个子div在页面上的位置，然后在其顶部插入一个完全相同高度的div（通过z-index），该div是全宽度的。或者您可以查看drupal模块，看看是否有方法更新它，使其按照您想要的方式工作。发布一些代码和您已经尝试过的内容如何。下面是代码。根据你的代码，我不认为你想做什么是可能的。我会遵循@Paulie_D的建议。是的，问题在于我不能改变html结构，因为它是drupal网站，而我不是网站管理员。。。你认为jquery也不可能吗？任何子元素（无论它是如何通过源代码或动态添加的）都不能大于它的父元素，除非它从文档流中删除。您可以通过jQuery计算这个子div在页面上的位置，然后在其顶部插入一个完全相同高度的div（通过z-index），该div是全宽度的。或者你可以看看drupal模块，看看是否有一种方法可以按照你想要的方式更新它。我不需要另一个容器分区。我需要一个容器内的分区，但具有全屏宽度。另一个容器分区有什么问题？…这就是重点…你可以有多个。是的，Paulie，但我不需要这个。我需要的正是这种结构，我是1170px容器中的全屏div。你真的不需要…但如果你找到另一种方法，祝你好运。我是Paulie。我不需要另一个容器分区。我需要一个容器内的分区，但具有全屏宽度。另一个容器分区有什么问题？…这就是重点…你可以有多个。是的，Paulie，但我不需要这个。我需要的正是这种结构，我是1170px容器中的全屏div。你真的不需要……但如果你找到另一种方法，祝你好运。