Css Div高度：0px不工作？

将div height设置为0px似乎不起作用

---

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

设置

溢出：隐藏
。否则内容将展开包装元素。
尝试溢出：隐藏
您可以尝试将“溢出：隐藏”添加到样式中
尝试同时设置
行高：0

如果要完全隐藏
div
，请使用
display:none
如果你真的想确定它不会有高度，你可以使用这样的东西：

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

如果你在IE上仍然有问题，你也可以添加

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

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

和显示：无与将其设置为零高度不同。只要看看各种clearfix解决方案，就知道不将其从流中删除是至关重要的。
您没有说您使用的是哪种浏览器，但我假设IE，因为它是我所知道的唯一一种浏览器，
min height
会出现哪些错误。就像其他人已经说过的，
overflow:hidden将起作用，或
行高：0，但您只需要其中一个

设置<代码>高度：0
将具有allready布局，因此不需要
缩放：1在这种情况下
 不太清楚你想做什么，断章取义，但试试这个：

zoom: 1;

这对我很有用：

#yiv1734505183 .yiv1734505183portrait{
    display:none;
    font-size:0;
    max-height:0;
    line-height:0;
    padding:0;
    overflow:hidden;
}

@media (min-width:481px){
    #yiv1734505183 .yiv1734505183mobile-hide{
        display:block;
        overflow:visible;
        width:auto !important;
        max-height:inherit !important;
        min-height:auto !important;
    }
}
@media (min-width:481px){
    #yiv1734505183 .yiv1734505183portrait{
        display:none;
        font-size:0;
        line-height:0;
        min-height:0;
        overflow

谢谢。
对于我来说，在Windows 10、Firefox 58.0.1上，它不会完全隐藏，除非使用以下方法：

.zippy{
    padding: 0;
    height: 0;
    overflow: hidden;
}

否，内容将溢出包装元素并在其外部可见。容器不会扩展（除了在某些Microsoft浏览器中（但不是在某些渲染模式中））。这听起来像OP真正想要的是“显示：无；”。我有相同的要求，“显示：无”使它适用于我。您还需要确保填充：0；老实说，处理这类问题最简单的方法就是总是从reset.css开始，这使得调试这些东西以符合x浏览器的要求变得更加容易。您可能想添加position:relative；也在某些情况下，这似乎也是必需的。对于
display:none
其他属性都不需要状态注意：如果使用引导等，它通常会设置
min height:1px某个深度，确保将其设置为0。
.zippy{
    padding: 0;
    height: 0;
    overflow: hidden;
}

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