Есть ли способ сделать ребенка DIV ' s ширина шире родительского DIV с использованием CSS?

Есть ли способ иметь дочерний DIV в родительском контейнере DIV, который шире, чем его родительский. Дочерний DIV должен иметь такую ​​же ширину, что и область просмотра браузера.

См. Пример ниже:

Дочерний DIV должен оставаться дочерним по отношению к родительскому div. Я знаю, что могу установить произвольные отрицательные поля для дочернего div, чтобы сделать его шире, но я не могу понять, как по существу сделать его 100% ширины браузера.

Я знаю, что могу сделать это:

.child-div{
    margin-left: -100px;
    margin-right: -100px;
}

Но я необходимо, чтобы ширина дочернего элемента была такой же, как у динамического браузера.

Обновление

Спасибо за ваши ответы, похоже, что ближайший ответ на данный момент - сделать дочерний элемент DIV position: absolute и установить левый и правый properties на 0.

Следующая проблема, с которой я столкнулся, заключается в том, что у родительского элемента есть position: relative, что означает, что свойства left и right по-прежнему относятся к родительскому div, а не к браузеру, см. пример здесь: jsfiddle.net / v2Tja / 2

Я не могу удалить относительную позицию от родителя, не испортив все остальное.