divが左にフローティングされているときに、ブラウザのウィンドウサイズや画面解像度に基づいてdiv同士が重なり合わないようにするにはどうすればよいでしょうか？

Question

申し訳ありませんが私の言葉が不明な場合は...。私は本当に私のジレンマを正しく説明する方法を知らなかった。しかし、私がここでもっとうまくできるかどうかを見てみましょう...

私は、投稿が垂直ではなく水平に表示され、スクロールされるブログを作っています。各ブログ投稿は別のdivに表示され、divは左側に浮動して並べて表示されます。

しかし、自分のコンピュータの解像度に基づいて、またはウィンドウのサイズがページを表示していると、divは私が意図したとおりに並べて表示するのではなく、重ねて表示されます。もちろん、画面の解像度がすべてのdivを表示するのに十分な大きさだったら、すばらしいことになるでしょうが、そうではありません。

私が得ることができるヘルプ、ヒント、およびポインタをありがとう。どうもありがとうございました。

編集 そして限りコードが行くように、これは基本的なHTMLの構造とCSSで私が使用しています：

<div class="post">Post Content</div> 
<div class="post">Post Content</div> 
<div class="post">Post Content</div> 
<div class="post">Post Content</div> 
<div class="post">Post Content</div> 

.post { 
    float: left; 
    margin-top: 74px; 
    margin-left: 50px; 
    margin-right: 50px; 
} 

Answer 1

あなたがオーバーフローして、コンテナのdivの内側にあなたのdivを入れてみました：スクロール？例えば

：これは、あなたの質問に答えていない場合、我々はあなたが達成しようとしている正確に何を見ることができるように

<div id="container" style="overflow:scroll; height: 100px; width: 500px;"> 
<div class="post"></div> 
<div class="post"></div> 
<div class="post"></div> 
</div> 

、おそらくあなたは私達にあなたの既存のマークアップ/ CSSを示すことができました。