1

我在相对容器中有一个绝对元素。绝对元素有它width:100%，它给出了相对容器元素的宽度。

我的目标是让绝对元素延伸到容器的 100% 之外，从左右各 40 像素。

我试图通过设置pading left & right to 40px相关容器以及box-sizing: content-box;. 问题是绝对元素不会拉伸到相对容器的 100%。相反，它仅在内容空间内延伸，不包括填充。

编辑 原来这仅在 Chrome 中。

4

3 回答 3

1

只需添加width:132%;和left:0px;

小提琴

于 2012-05-18T15:47:59.110 回答
1

您需要在这里使用 jQuery 来计算带有填充的 DIV 的宽度。基本上我们需要应用 . outerWidth()表的DIV -

演示 - http://jsfiddle.net/GDU7Q/

希望这可以帮助！

于 2012-05-18T16:57:51.617 回答
0

如果您将每一边的填充设置为 40px，它希望相信绝对 div 的开始是从相对 div 的左侧开始，您需要设置负边距

<div class="outer">
    <div class="inner">
    </div>
</div>

.outer {
    position:relative;
}

.inner {
    position:absolute;
    width:100%;
    padding:0 40px;
    margin-left:-40px;
}

小提琴

于 2012-05-18T16:17:26.050 回答