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

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

这是一篇文章在我的页面中的样子示例:

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

带有图片的 p-tag 向左浮动，带有文本的 p-tag 向右浮动。

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

最佳答案

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

article  {
  overflow: auto;
}

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

关于css - 如何根据图像更改文章的大小？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/23632938/