CSS设置height为0依然溢出
2017-05-27 ·
🙈Lei ·
0条 ·
686次
今天我在开发一个网页组件的时候,有一个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