Div高度:0px不起作用？

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属性.

并且显示:none与将其设置为零高度不同.只需查看各种clearfix解决方案,即不将其从流中移除至关重要.

Answer 2

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

Answer 3

尝试也设置 line-height: 0;

如果你想div完全隐藏你,请使用display: none;

Answer 4

对我来说，在 Windows 10、Firefox 58.0.1 上，除非使用以下命令，否则它不会完全隐藏：

display: block !important;
line-height: 0 !important;
height: 0 !important;
overflow: hidden !important;
zoom: 1 !important;
padding: 0 !important;
margin-bottom: 0;
border: none;