http://www.wilwaldon.com/crossing/page3.html
如果您在 IE7 中查看该页面，则会发现顶部段落和底部聚光灯区域之间存在大量空间。它在所有其他浏览器中工作正常。
如果您知道任何防止这种情况发生的技巧或技巧，我将不胜感激 :)
谢谢!
最佳答案
您获得所有空间的原因是您自己在 #spotlight 上放置的所有顶部填充和边距。您似乎正在添加所有这些空间，以此为其中的浮标腾出足够的空间。不要那样做。通过向其添加 overflow: hidden 使 div 包含其 float 。如果它有不需要的副作用，请向它添加 clearfix 类，它已经在您的 CSS 中。
您在 IE7 中看到所有这些空间的原因是因为 #spotlight 有一个宽度，即 triggering layout .这导致它已经包含它的 float ，插入所有顶部边距并在其上方填充。
哦，不要使用多个 id="spotlightbox"。这就是类 的用途。 ID 必须是唯一的。请改用 class="spotlightbox"。
关于html - IE7 额外填充/边距，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/2366025/