Абсолютная ширина элемента 100% без учета отступа

У меня есть абсолютный элемент внутри относительного контейнера. Абсолютный элемент имеетwidth:100% который дает ширину относительного элемента контейнера.

Моя цель - чтобы абсолютный элемент простирался за пределы 100% контейнера, на 40 пикселей справа и слева.

Это я пытаюсь добиться, установивpading left & right to 40px на соответствующем контейнере, вместе сbox-sizing: content-box;, Проблема состоит в том, что абсолютный элемент не растягивается до 100% относительно контейнера. Вместо этого он растягивается только внутри пространства содержимого, не включая отступы.

Edit Оказывается, это только в Chrome.

 NullPoiиteя18 мая 2012 г., 17:34
пожалуйста предоставьте скрипку что вы пробовали

Ответы на вопрос(3)

которая хочет верить, что начало абсолютного деления находится слева от вашего относительного деления, вам нужно установить отрицательное поле

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

.outer {
    position:relative;
}

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

играть на скрипке

 Registered User18 мая 2012 г., 18:41
Да, стол должен остаться. Это просто упрощенный пример гораздо более сложного HTML. Мне нужно, чтобы стол растянулся до 100% синей рамки над правой & amp; левые мягкие концы:jsfiddle.net/dQuD4
 18 мая 2012 г., 18:38
Можете ли вы объяснить ваш запрос немного глубже, насколько я знаю, вы хотели растянуть ваш абсолютный div 40 px по обе стороны от вашего относительного div, что и показала моя скрипка. Это нужно сделать со столом? Вам нужно использовать стили размеров коробки?
 Registered User18 мая 2012 г., 18:44
Я только что узнал, что демоверсия jsfiddle работает только в Chrome.
 Registered User18 мая 2012 г., 18:29
Ваш пример с скрипкой не работает должным образом
Решение Вопроса

чтобы вычислить ширину DIV с отступами. В основном нам нужно применить.outerWidth() DIV к столу -

Демо -http://jsfiddle.net/GDU7Q/

Надеюсь это поможет!

width:132%; а такжеleft:0px;

играть на скрипке

 18 мая 2012 г., 17:54
@RegisteredUser теперь вижу мой ответ
 Registered User18 мая 2012 г., 17:55
ширина: 132% это не хорошо. Мне нужно, чтобы это было исправлено 40px.
 18 мая 2012 г., 17:55
@RegisteredUser проверить скрипку
 Registered User18 мая 2012 г., 17:49
Неправильный ответ, прочитайте ОП еще раз. Мне нужно, чтобы стол растянулся над мягкой областью.
 18 мая 2012 г., 17:56
что вы на самом деле хотите сделать

Ваш ответ на вопрос