Как вынуть элемент из flow, так чтобы остальные элементы не сдвинулись?

Question

[zencd]

Есть три дива: A, B, C. При рендеринге по-умолчанию — position: static — каждый из них располагается под другим.

Задача: вынуть «B» из дефолтоного течения (flow) через присвоение ему position: fixed или absolute. При этом нижний див «С» не должен сдвинуться наверх, на место вынутого «B». Возможно ли реализовать последнее средствами чистого CSS?

Знаю про приём клонирования элемента, но хотелось бы избежать такого использования Яваскрипта.

Answer 1

[Sergey Cherepanov]

Ну вариантов только 2

1 — Подставить на js заглушку враппер той же высоты (или врапер предопределить заранее и просто устанавливать ему height относительно div)
2 — Зная высоту блока заранее, отодвинуть соседа через Margin/Padding

Если второй вариант невозможен то лично я за JS, лучше он чем Cатана в css и html ))

Answer 2

[Jonh Doe]

Сделайте для C margin-top на высоту вынутого блока. Если высота известна заранее. Если нет, то никак (на чистом CSS).

Answer 3

[Сергей Бондаренко]

position: fixed|absolute как раз таки и изымает элемент из течения.

Answer 4

[Sayonji]

В каком смысле вы хотите выкинуть элемент из течения, если разметка не должна этого заметить?
А если речь только о трех дивах, то получится разве что зная высоту среднего дива (понятно) или выкинув третий див тоже (опять же понятно).

Answer 5

[SerDIDG]

Если B задаётся высота, то что-то вроде такого можно.
jsfiddle.net/AvyzL/