固定宽度DIV内的全屏DIV

Question

我读过这样的一些问题，但没有什么可以帮助我......

我有一个bootstrap布局，修复（居中宽度边距：0自动）容器宽度为1170px。

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

我读了这个Div with 100% width of screen, but inside a parent div with fixed width 这个解决方案并不允许我为entere div使用独特的背景图像。

我可以使用jquery来解决它，它在中心div和屏幕之间的距离基础上添加了一个负边距 - 左边距和右边距... ...

你能帮帮我吗？ ;）

由于

Answer 1

你是在过分思考。

你有一个固定宽度为1170px的容器div。也许有一个.container类（不确定Bootstrap）。这并不意味着您不能多次使用容器类。

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

<div class="container">

</div>

<div>
YOUR BANNER HERE
</div>

<div class="container">

</div>