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/