如何根据图像更改文章的大小？

Question

我刚刚在HTML5文件中创建了一些文章。这些文章包含图像。这些文章的底部也有边框。 现在我遇到了这个问题，每当你重新调整窗口大小以使其变大时，图像就会超出边界。我希望边框能够根据图像重新调整大小。

以下是我的信息页中文章的示例：

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

图片里面的p-tag浮在左边，带有文字的p-tag就在它旁边浮动。

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

Answer 1

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

article  {
  overflow: auto;
}

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