Question

我正在为一家大型网店开展项目，但我遇到了一个问题。

我需要放一个宽度为div的div：100％的屏幕，在一个固定宽度为960px的div中。

    <div> /* This div is fixed to 960px */
        <div> /* This is the div I want to fit the screen width */
        </div>
    </div>

通常情况下，我会将元素放在我的内容区域之外，例如在包装或者我已经有100％宽度的div。但这将涉及更改一个影响我所有客户网上商店的模板，而我只需要这个。

因此;基本上 - 如何在一个固定宽度的父级内部设置一个div为100％宽度的屏幕？它甚至可能吗？

Answer 1

如果固定div没有“position：”样式，您可以将position: absolute; width: 100%;添加到内部div。我认为宽度百分比将与下一个定位的父节点或屏幕相关。

Answer 2

这些div包含在一个相对位置的标题中，该标题由一些jQuery移动，以便在将鼠标悬停在菜单中的特定品牌上方时显示横幅。

使用该方法，我的div将与具有相对pos的div相关，也就是960px。

我开始意识到我在这里唯一的选择可能是继续更改全局模板。

Answer 3

或者您可以使用宽度为9999像素的:before和:after个伪元素，这些元素位于div的左侧和右侧。