Как мне получить внутренний div для переполнения родительского?

Question

Пожалуйста, обратитесь к этому: http://jsfiddle.net/k8c7w/

Я пытаюсь заставить среднюю серую полосу (ту, которая говорит "HELLO WORLD!") Растягиваться по всему экрану. однако обратите внимание, что main имеет очень определенную ширину.

Кто-нибудь знает, как я могу это исправить? Ширина основного блока должна оставаться стандартной на всех страницах, поэтому я не хочу возиться с этим вообще, а остальные 2 полосы (красные полосы) должны оставаться такими же, как сейчас.

Спасибо, StackOverflow! Ringo

Answer 1

Установите ширину для среднего div ...

демо здесь

Если вы хотите удалить прокрутку из внешнего div, то удалите свойство overflowот .main.(как во втором наборе в скрипте выше)

Запретить этот метод, если вы не хотите указывать ширину для среднего div, вам придется удалить содержащийся div и указать ширину для.one класс в отличие от .main. класса.