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

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

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

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

文本

带有图像的p标记向左浮动，带有文本的p标记向右浮动

---

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

只是猜测，没有看到工作示例或任何CSS，但是将

溢出：自动

添加到

文章

元素将导致它包含浮动的子元素：

article  {
  overflow: auto;
}

---

可能与我们看不到的CSS相关，也可能与之无关的示例：

您可以发布您的CSS和/或JSFIDLE.net吗？我的问题将变得不清楚。这是太多的CSS和Html。我想要的只是上面的一个标签和下面的标签一起调整大小。因此，我希望文章标签的高度调整为p或img标签的高度。您也不应该将图像包装在

p

标签中。让我猜猜，这是WP吗？对不起，什么是WP？发布相关的HTML和CSS。你的文章布局如何？您的

文章

和

p

和

img

采用了什么风格？技术上的解释是，它创造了一个新的Ohh，太棒了！我是html新手，所以我不知道这件事。这将在许多方面有用！谢谢你，伙计！没问题。但是，如果您希望避免将来对更好示例的所有请求，请务必阅读以下内容：