Question

在我的网站上有多篇博文，用户可以在这些博文的底部添加评论。当用户添加评论时，评论下方的内容不会向下移动以适应评论，因此评论将被放置在其他内容上。我该如何解决这个问题？

代码示例：

<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时，我需要将页面的其余部分向下移动以适应新评论。如果您需要我的任何特定代码，请告诉我。

Answer 1

尝试替换

height: 730px;

与

min-height: 730px;

你的CSS规则中的

。当内容添加到.blogPost时，它会缩放#commentsHolder。它假设id也相对定位。

您也不想添加具有重复{{1}}属性的元素（commentsHolder）。

在通过PHP添加内容时移动div

1 个答案: