溢出沒有足夠的流暢

我有一段代碼需要適合固定大小的分區內的樣式圖像組成。如果沒有，它應該流過。然而，不合適的浮動元素按其應有的方式流過，但觸及其他元素並將其置於其陰影之一上。溢出沒有足夠的流暢

這是最好用一個例子來解釋：http://jsfiddle.net/wjw83/10/

第七屆圖像（勉強可見）應完全消失或移動進一步向下移動到哪裏出來的可見區域。任何人都可以幫我完成這件事？

謝謝。

編輯

被淘汰的想法和肆虐的邊緣，我已經開始粘貼隨機屬性，並最終成功。

我不得不這樣是加上「邊距：20像素;」到圖像類。由於它與陰影具有相同的值，因此在完全移除剪切元素的同時，會保持陰影不變。 Whoohoo！

2012-07-22 zataived

我正要添加答案，當我注意到你編輯你的問題。 – bPratik 2012-07-22 23:47:32

請將您發現的解決方案發布爲答案並自行接受。 – bPratik 2012-07-22 23:48:00

被淘汰的想法和肆虐的邊緣，我已經開始粘貼隨機屬性，並最終成功。

我不得不這樣是加上「邊距：20像素;」到圖像類。由於它與陰影具有相同的值，因此在完全移除剪切元素的同時，會保持陰影不變。 Whoohoo！

2012-07-23 08:47:19 zataived

.main{ 
    padding-top: 15px; 
    width: 870px; 
    height: 140px; /* Reduced height */ 
    overflow:hidden; 
}

現場演示：Fiddle

來源

2012-07-22 23:05:27

謝謝，但它切斷了其他圖像的底部陰影效果。 – zataived 2012-07-22 23:07:53

回答