CSS设置height为0依然溢出

2017-05-27 · 🙈Lei · 0条 · 517次

今天我在开发一个网页组件的时候,有一个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。

设置后效果如下:



  0