1

相対コンテナー内に絶対要素があります。絶対要素にはwidth:100%、相対コンテナー要素の幅を指定する要素があります。

私の目標は、絶対要素がコンテナーの 100% を超えて、左右から 40 ピクセル離れて伸びることです。

これはpading left & right to 40px、相対コンテナーをbox-sizing: content-box;. 問題は、絶対要素が相対コンテナーの 100% に拡張されないことです。代わりに、パディングを含めずにコンテンツ スペース内でのみ伸びます。

編集 これはChromeだけにあることがわかりました。

4

3 に答える 3

1

ここで jQuery を使用して、パディングを含む DIV の幅を計算する必要があります。基本的に を適用する必要があります。outerWidth()テーブルへの DIV の -

デモ - http://jsfiddle.net/GDU7Q/

お役に立てれば！

于 2012-05-18T16:57:51.617 に答える
1

追加するだけwidth:132%;でleft:0px;

フィドル

于 2012-05-18T15:47:59.110 に答える
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 に答える