解决 chrome 浏览器对 div 的 display : none 不支持

试了很久，发现在style设置display：none的时候，IE是可以的，但是chrome不行

<div >
     测试测试
</div>

在chrome下，“测试测试”这几个字还是占位置的，即时display：none不起效，最后将代码改成下面这样才可以。

<div >
  <span >
     测试测试
  </span>
</div>

个人认为，chrome浏览器下，只要div还有内容，display：none就不起效，所以要将div下的标签也置为display：none，这样div就没有东西了，display：none才有效，纯属个人观点，不是官方的，有错的话请高人指教一下。