Webでいくつか並べた要素のうち一つを拡大した時のレイアウトについて

Question

並べた要素をposition: absolute;やposition: fixed;で動かしてしまうと、そこにあった要素の大きさは無いものになってその分だけ幅を詰められますが、このとき幅を詰められない(元の緑のブロックの大きさが有効になる)ようにするスマートな方法を教えて下さい。移動する寸前に同じサイズの要素を不可視状態で置いておけば良いと思ったのですが、皆さんだったらどのようにされるのか気になりました。
※展開とか拡大と書いてしまいましたが、要素の移動のことです。
![概要]WIDTH:600

Answer 1

IceSofticon30thさんがおっしゃっているようにvisibility:hidden;の要素を置いておくのもありだと思います。
もし3つだったら全てにposition:absolute;の指定をします。
もしもっと多いようでしたら一旦floatで全て並べて、offset()で座標を取得して全てにposition:absolute;とoffsetで取得した座標を設定するのもありかなと思いました。

参考になれば幸いです。