Div заполняют пространство, когда края пространства относительно перемещены ⇐ Html

[Anonymous]

Если я хочу, чтобы Div заполнил пространство между двумя другими, я могу сделать следующее, а переполнение: Auto в контейнере центрального Div заставляет его заполнять пространство. Каким бы большим или маленьким (в пределах разумного!) Страница такая, три DOV остаются объединенными - это здорово. < /P>

Код: Выделить всё

Left Box
Right Box


< /code>
< /div>
< /div>
< /p>
Однако, если у меня есть div с относительными позициями, как мне достичь То же самое - как мне заставить центральный синий див заполнить пространство? /> Left Box
Left Overlap Box
Right Box
Right Overlap Box


< /code>
< /div>
< /div>
< /p>
Я обнаружил, если добавлю позицию: относительно; слева: -50px; < /code> к контейнеру для синего дивирования я могу переместить его влево, так что это первый шаг. Теперь мне нужно увеличить ширину на 50 пикселей, чтобы я переместил его и еще на 50% для разрыва с другой стороны. 100px); 

в контейнер для синего div, чтобы справиться с этим, но это не работает, см. Ниже. />
Left Box
Left Overlap Box
Right Box
Right Overlap Box


< /code>
< /div>
< /div>
< /p>
Чего мне не хватает? Нужно только решение CSS.


Подробнее здесь: https://stackoverflow.com/questions/794 ... vely-moved