CSS包含一个图像作为页面大小的文章

Question

我正在研究RSS阅读器，因此我从RSS提要中提取HTML。我想在我自己的网站上显示它，但我想格式化它，因此它不会破坏布局。

在Chrome中，它工作得很好。我发现图像可能太宽的情况，因此当页面大小调整时，它们会跳出包含article标记的标记。我通过使用：

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

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

http://jsfiddle.net/CL6rc/12/

我如何能得到这个工作在Firefox或者是它甚至可能吗？

Answer 1

我必须设置为float: left

删除该属性固定的问题容器（原来的jsfiddle链接已经浮冷落所以才在Firefox确实工作）的一个

Answer 2

入住这拨弄我做为你http://jsfiddle.net/9YvJs/