CSS 包含一篇带有图像的文章作为页面调整大小

我正在开发一个 RSS 阅读器，所以我从 RSS 提要中提取 HTML。我想在我自己的网站上显示它，但我正在尝试对其进行格式化，以免破坏布局。

在 Chrome 中，它工作得很好。我发现了一种情况，图像可能太宽，因此在调整页面大小时它们会脱离包含的 article 标签。我通过使用修复了这个问题:

article * {
    max-width: 100%;
    height: auto !important;
}

但是，Firefox 不会调整我的图像大小以适应父容器。以下 jsfiddle 页面显示了该行为。如果您缩小输出框架，它在 Chrome 中不会中断，但在 Firefox 中，图像将脱离框而不是调整大小。

我怎样才能使它在 Firefox 中工作或者甚至可能？

最佳答案

我将其中一个容器设置为 float: left

删除那个属性解决了这个问题(原来的 jsfiddle 链接没有 float 所以它确实在 Firefox 中工作)

关于CSS 包含一篇带有图像的文章作为页面调整大小，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/8538468/