李拥抱漂浮的图像

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

完全删除它就可以了。