李拥抱浮动图像

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; 
} 

只是删除完全，它会被罚款。