http://www.wilwaldon.com/crossing/page3.html
如果你在IE7中查看页面，顶部段和底部聚光灯区域之间会有一个不合适的空间。它适用于所有其他浏览器。
如果你知道任何伎俩或黑客来防止这种情况，我会非常感激：）
谢谢！
答案 0 :(得分：3)
你获得所有空间的原因是你自己在#spotlight上放置的所有顶部填充和边距。您似乎正在添加所有空间，以便为其中的浮动提供足够的空间。不要那样做。通过向其添加overflow: hidden使div包含其浮点数。如果这有不必要的副作用，请将clearfix类添加到CSS中。
您在IE7中看到所有空间的原因是因为#spotlight的宽度为triggering layout。这导致它已经包含它的浮动，推动所有顶部边缘并填充在它上面。
哦，不要使用多个id="spotlightbox"。这就是 classes 的用途。 ID必须是唯一的。请改用class="spotlightbox"。
答案 1 :(得分：0)
如果你在你的聚光灯div上设置display：inline它应该在IE7中渲染得更好......但这会破坏其他浏览器 - 所以使用条件css - 或者重写你的风格更加合规