Ancho absoluto del elemento 100% ignorando relleno-cuadro

Tengo un elemento absoluto dentro de un contenedor relativo. El elemento absoluto tiene su width:100% que da el ancho del elemento contenedor relativo.

Mi objective es que el elemento absoluto se extienda más allá del 100% del contenedor, 40px desde la derecha y la izquierda.

Esto estoy tratando de lograr estableciendo la pading left & right to 40px en el contenedor relativo, junto con box-sizing: content-box; . El problema es que el elemento absoluto no se extiende al 100% del contenedor relativo. En cambio, se extiende solo dentro del espacio de contenido sin incluir el relleno.

Editar Resulta que esto solo está en Chrome.

Debe usar jQuery aquí para calcular el ancho de DIV con rellenos. Básicamente tenemos que aplicar el. outerWidth() de DIV a la tabla –

Demostración – http://jsfiddle.net/GDU7Q/

¡Espero que esto ayude!

solo agregue width:132%; y a la left:0px;

violín

Si configuras el relleno en 40px para cada lado, quiere creer que el inicio del div absoluto está a la izquierda de tu div relativo, debes establecer un margen negativo

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

violín