今天我在开发一个网页组件的时候，有一个div需要隐藏，但是因为功能需要又不能设置display为none，所以设置height为0。我发现将height设置为0，仍然有一部分漏在外面，无论怎么修改margin或者padding都没有用。如下图所示：

这个组件的代码结构如下：

<div>
 <div>
 圆领T恤
 4/8........条纹t恤
 女 藏青/焦糖
 </div>
 <div style="height:0;" id="div2">
 领型：圆领
 ...
 </div>
</div>

id位div2的div本该隐藏，却有一部分漏出来。内容溢出，需要设置overflow来隐藏溢出内容。

发现原来height = 0并不能完全将布局中的内容隐藏，还需要设置overflow属性为hidden。

设置后效果如下：