div height:0px 不起作用？

Question

<div style="height:0px;max-height:0px">
</div>

将 div 高度设置为 0px 似乎不起作用。

div 扩展以显示其内容，我们如何防止这种情况发生？

原文由 coder_bro 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

如果你 真的 想确定它没有高度，你可以使用这样的东西：

 display: block;
line-height:0;
height: 0;
overflow: hidden;

如果您在 IE 上仍有问题，您还可以添加

zoom: 1;

在针对 IE 的样式表中添加条件注释。这将触发 IE 中的 hasLayout 属性。

并且 display:none 与将其设置为零高度不同。对于 不 从流程中删除它至关重要的情况，只需查看各种 clearfix 解决方案即可。

原文由 Gabriel Hurley 发布，翻译遵循 CC BY-SA 2.5 许可协议

Answer 2

设置 overflow:hidden 。否则内容将扩展包装元素。

原文由 Gumbo 发布，翻译遵循 CC BY-SA 2.5 许可协议