李擁抱浮動圖像

Question

我已經上傳了以下頁面，以使您更容易幫助我： http://www.rebuslondon.com/GEBROCHUREcopy.html 請勿使用Internet Explorer，因爲我沒有爲此優化頁面。

正如你所看到的，有4個圖像，三個橙色和一個黃色。 雖然橙色只是嵌入到父元素中，但是黃色的元素會浮動，以便在瀏覽器窗口放大時將其粘貼到父元素的右邊緣。 這可以正常工作，但是當窗口變窄（例如1024 * 768）時，這會在浮動圖像下創建一個間隙。

有沒有辦法讓這個差距消失？我想你理解問題的最好方法就是嘗試調整瀏覽器窗口的大小。你會注意到窗口越窄，差距就越大。

非常感謝！

Answer 1

問題是你已經添加了明確的事實：這兩個都是立即在li.right之後的li。如果刪除此規則，則顯示正常。

#portfolio #container > ul.projFlow li.floated + li { 
    clear: both; 
} 

Answer 2

只要雙方從contents.css行刪除清除90

#portfolio #container > ul.projFlow li.floated + li { 
clear: both; 
} 

只是刪除完全，它會被罰款。