0

私の文言が不明確である場合は申し訳ありません。自分のジレンマを適切に説明する方法がまったくわかりませんでした。しかし、ここでもっとうまくできるかどうか見てみましょう...

投稿が縦ではなく横にスクロールして表示されるブログを作成しています。各ブログ投稿は個別の 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;
}
4

1 に答える 1

0

overflow:scroll を使用して、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 を見せていただければ、達成しようとしていることを正確に確認できます。

于 2009-07-27T02:05:52.367 に答える