Можете ли вы создать один div для перетекания поверх других, как на изображении ниже?

#html

#HTML

Вопрос:

черное окно браузера на изображении ниже. Я хочу выполнить изображение справа У меня есть div, который центрирован (синий) и имеет фиксированную ширину У меня есть div, который находится внутри (красный)

Я хочу, чтобы красный div простирался от одной стороны экрана до другой, при этом все остальное выравнивалось по центру.

Как мне это сделать? Должен ли я разбить его на 3 раздела (первый фиксированный и центрированный, второй для охвата всей ширины, третий, как первый) введите описание изображения здесь

Комментарии:

1. Красный div находится перед или позади синего div?

Ответ №1:

Вот пример того, как это сделать, если вы хотите, чтобы красный div был сверху. Если он находится за синим цветом, тогда поместите его первым в разметку, и вам не нужен третий div: http://jsfiddle.net/mGnpr/2 /

Ответ №2:

Ну, вы ответили на свой собственный вопрос. Я предлагаю вам разбить его на 3 раздела. Видя, как функционируют элементы HTML, довольно сложно сложить их в 3-х измерениях (и сделать так, чтобы это выглядело хорошо :).

Напишите в своем CSS-файле два класса: один с фиксированной шириной, а второй с шириной «100%». Используйте первый класс для верхнего и нижнего разделов, последний класс для среднего div.