css - 分区高度 :0px does not work?

Question

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

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

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

Answer 1

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

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

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

zoom: 1;

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

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