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

尝试溢出：隐藏

Answer 5

您可以尝试将“overflow：hidden”添加到样式

Answer 6

不完全确定你要做什么，脱离背景，但试试这个：

display:none;
overflow:hidden:
height:0;
line-height:0;
border:0;
margin:0;

Answer 7

你还没有说过你正在使用哪种浏览器，但我假设是IE，因为它是我所知道的height min-height 错误的唯一浏览器。就像其他人已经说过的那样，overflow:hidden;会起作用，或line-height: 0;，但你只需要其中一个。

设置height: 0;将已经触发了IE的hasLayout，因此在这种情况下不需要zoom:1;。

Answer 8

对我来说，在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;

Answer 9

#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

Answer 10

这对我有用：

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

感谢。

Div高度：0px不起作用？

10 个答案: