css - IE7 空占用空间

Question

我有五个 div，每个 div 共享一个 ad_tile 类。该类在 div 的左侧和右侧提供 3 个像素的填充和 1 个像素的边框，并为内容提供清晰的修复。如果这些 div 中的一个或多个为空，则 div(s) 不占用任何空间。这种方法在除 ie7 之外的所有浏览器中都可以正常工作，其中 div（即使使用line-height: 0;and font-size: 0;）仍然占据空间。任何想法如何解决这一问题？clearfix (Gallagher micro-clearfix) 会导致这种情况吗？

Answer 1

也试试

div:empty {
   margin:0;
   padding:0;
}

尽管您确实应该考虑使用normalize.css之类的东西来防止浏览器差异。

Answer 2

这可能是由于无论是否为空都应用了填充等。我会使用 jQuery 来隐藏div if空的

jQuery

 $('div:empty').hide();

CSS3 - 记录一个 CSS3 解决方案（在 IE7 中不起作用，为提供信息而添加）

div:empty {
  display:none;
}