私が求めていることはおそらく不可能ですが、それでも。
次のような一連のブロック要素があるとします。
<p>...</p>
<p>...</p>
<p>...</p>
<p>...</p>
<div class="toc">...</div>
<p>...</p>
<img class="pic">...</img>
<p>...</p>
<img class="pic">...</img>
すべての .toc 要素と .pic 要素を左側の 1 列に並べ、他のすべての要素を右側の列に配置します。最初のトップと最初pのトップはdiv水平でなければなりません。はimg元の垂直位置を維持する必要があります。divとimgが元々あった場所にスペースを残さないでください。
これのほとんどは、imgto position:relative; left: -100px(など) とdiv.toctoを設定することで達成できるようposition:absoluteです。
ここに問題があります:imgは の下部と重なる場合がありdiv.tocます。解決策はありますか？回避策？
ここで編集フィドル：http://jsfiddle.net/4CAgn/