IE7空<div>占用空格</div>

Question

我有五个div，每个div共享一个ad_tile类。该类提供3像素填充和div的左侧和右侧的1像素边框，内容为clearfix。如果这些div中的一个或多个为空，则div不占用任何空间。这种方法适用于所有浏览器，除了ie7，其中div（即使line-height: 0;和font-size: 0;）仍然占用空间。任何想法如何解决这一问题？ clearfix（Gallagher micro-clearfix）可能导致这种情况吗？

Answer 1

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

的jQuery

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

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

div:empty {
  display:none;
}

Answer 2

也可以尝试

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

虽然你真的应该考虑使用像normalize.css这样的东西来防止浏览器的差异。