扩展div的背景宽度以包括浏览器宽度

Question

我的默认页面中有很多DIV ... fullContent等...

我想扩展产品div的背景颜色以包含浏览器的全宽......这可能吗？

<div id="Products" style="background-color:red;">
   <div id="secondPageDiv" class="wrapper" style="width: 70%; font-size:22px;">
      text text text
   </div>
   <div class="images" style="width: 30%; ">
       <asp:Image ID="Image1" runat="server" ImageUrl="~/images/laptop_20150210160627.png" />
   </div>
</div>

Answer 1

你应该添加＆＃34;宽度：100％;＆＃34;到您的产品div。知道其父元素的宽度也必须为100％（包括正文）。

Answer 2

您可以尝试：

MyClass

Answer 3

简单的调整肯定会有所帮助：

#Products {
    box-shadow: -500px 0px 0px 0px red, 500px 0px 0px 0px red;
    }

<强> JSFiddle