2012-02-13 4 views
0

Пожалуйста, обратитесь к следующему: http://jsfiddle.net/k8c7w/Как получить внутренний div для переполнения родителя?

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

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

Спасибо StackOverflow! Ринго

+0

вы можете иметь 'hello world' вне основного div и использовать абсолютное положение, чтобы поместить его в нужное место. – Ibu

+0

Должен ли быть установлен режим переполнения на авто, и знаете ли вы высоту разделов группы? – j08691

+0

Затем я должен вычислить смещение с левой стороны экрана (что является динамическим). не выполнимо думаю. –

ответ

0

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

demo here

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

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

+0

хорошо, проблема в том, что теперь есть куча пробелов слева от серой полосы. не знаю, как очистить серый бар влево! –

+0

Вы не упомянули, что хотите, чтобы он тоже выступал влево. Я действительно считаю, что лучшей конструкцией было бы удаление ширины контейнера div и просто указание ширины для класса '.one'. Видно здесь: http://jsfiddle.net/NotInUse/k8c7w/3/ Этот метод также позволяет среднему div расширяться до полной ширины окна. – Scott

Смежные вопросы