如何根据图片更改文章的大小？答案

【问题标题】：How do I change the size of my article depending on an image?如何根据图片更改文章的大小？
【发布时间】：2014-05-13 13:42:55
【问题描述】：

我刚刚在 HTML5 文件中创建了一些文章。这些文章包含图像。文章底部也有边框。现在我有这个问题，每当您重新调整窗口大小以使其更大时，图像都会超出边框。我希望边框随图像重新调整大小。

下面是一篇文章在我的页面中的外观示例：

<article>
  <p>
    <img image />
  </p>
  <p>
    text
  </p>
</article>

带有图片的 p-tag 向左浮动，带有文本的 p-tag 在其旁边浮动。

更清楚一点：我希望文章标签调整为图像的高度。

【问题讨论】：

你能发布你的 CSS 和/或 jsfiddle.net 吗？
我的问题会变得不清楚。 CSS 和 Html 太多了。我想要的只是上面的标签，用下面的标签调整大小。所以我希望文章标签的高度调整为 p 或 img-tag 的高度。
您也不应该将图像包装在p 标签中。让我猜猜，这是 WP 吗？
很抱歉，WP 是什么？
发布相关的 HTML 和 CSS。你的文章是如何布局的？您的article 和p 和img 应用了哪些样式？

【解决方案1】：

只是猜测，没有看到工作示例或任何 CSS，但是将 overflow: auto 添加到 article 元素将导致它包含其浮动子元素：

article  {
  overflow: auto;
}

可能与我们看不到的 CSS 相关或不相关的示例：http://codepen.io/paulroub/pen/opnfG

【讨论】：