ページには最大 4 つの div があり、互いに水平に「隣に座る」必要があります。各 div の幅は 100% になります。
したがって、最初のものを除くすべてのページは、別の方法でスタイルを設定するまで (最終的には jQuery を使用して)、ページの外に表示されます。
これを達成するためにdivのスタイルを設定するにはどうすればよいですか?
マークアップ:
<div class="wrapper">
<div class="panel">
</div>
<div class="panel">
</div>
<div class="panel">
</div>
<div class="panel">
</div>
</div>
私が試したこと
左側のすべての div をフローティングし、「ラッパー」のオーバーフローを非表示に設定しようとしました。すべての div のインライン ブロックに表示を設定しようとしました。すべてのdivで絶対位置を試しました。うまくいくことを願ってさまざまなことを組み合わせようとしていますが、これには適切なアプローチが必要です。