当内容从标签中删除时，停止 <article> 调整大小？

Question

我在这里有点难过。我在我的单个网页上按主题划分内容以创建几个不同的页面。但是，每当我删除内容并将其移动到其他页面时，文章（或者可能是 #wrapper 问题）都会自行调整大小，使其大小只够容纳两个句子，而不是我留在主页上的其余内容。我不希望它自行调整大小。我希望它保持与我没有从中删除多余的文本和图像时相同的大小。如果这是有道理的。我真的很感激任何帮助！

这是我当前的文章代码：

<article>
    <img height="409" width="400" src="images/logo.png" alt="Band logo" class="floatright"/>
    <p>
        SOME TEXT HERE
    </p>
</article>

这是文章的CSS（包括包装）：

article {
    padding-left: 2em;
    padding-right: 2em;
    padding-bottom: 2em;
    display: block;
}

#wrapper {
    background-color: #c3c3c3;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}

Answer 1

尝试将 min-height 或 height（或 min-width / width）属性添加到 article，如下所示：

article {
    min-height: 400px; /* Change this the minimum height */
    height: 400px; /* This is fixed height */
    padding-left: 2em;
    padding-right: 2em;
    padding-bottom: 2em;
    display: block;
}

当内容从标签中删除时，停止 <article> 调整大小？

Stop <article> from resizing when content is deleted from the tag?

html

css

resize