0

私のサイトには複数のブログ投稿があり、ユーザーはこれらのブログ投稿の下部にコメントを追加できます。ユーザーがコメントを追加すると、コメントの下のコンテンツが下に移動せず、コメントが他のコンテンツの上に配置されます。どうすればこれを解決できますか?

コードのサンプルアイデア:

<div class=blogPost>
  <article>
    <p>Blog Entry</p>
    <div id="commentsHolder">
    </div>
  </article>
  <div class="commentForm">
    <?php showing form if user is logged in ?>
  </div>
</div>
<div class=blogPost>
  <article>
    <p>Blog Entry</p>
    <div id="commentsHolder">
    </div>
  </article>
  <div class="commentForm">
    <?php showing form if user is logged in ?>
  </div>
</div>
...etc...

CSS:

.blogPost {
  position: relative;
  height: 730px;
  width: 950px;
  border: 1px solid;
  border-color: #A62121;
  border-radius: 25px;
  padding: 5px;
}

コメントが追加されcommentsHolderたら、ページの残りの部分を下に移動して、新しいコメントに対応する必要があります。私が持っている特定のコードが必要な場合はお知らせください。

4

1 に答える 1

2

交換してみてください 

height: 730px;

と

min-height: 730px;

あなたのCSSルールで。.blogPostコンテンツが追加されると、スケールされます。#commentsHolderそれも相対的に位置付けられていると仮定します。

idまた、重複する属性 (commentsHolder)を持つ要素を追加したくありません。

于 2013-04-08T13:50:40.050 に答える