css - IE7 清空 占用空间

Question

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

Answer 1

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

jQuery

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

CSS3 - 记录在案的 CSS3 解决方案(在 IE7 中不起作用，添加是为了提供信息)

div:empty {
  display:none;
}