Высота 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 с условным комментарием. Это вызовет свойство hasLayout в IE.

И отображение: нет, это не то же самое, что установить его на нулевую высоту. Достаточно взглянуть на различные решения для clearfix для случая, когда , а не , крайне важно удалить его из потока.

Answer 2

Set overflow:hidden. В противном случае содержимое будет расширять элемент упаковки.

Answer 3

Попробуйте также установить line-height: 0;

А если вы хотите полностью скрыть div, используйте display: none;

Answer 4

Не совсем уверен, что вы пытаетесь сделать вне контекста, но попробуйте это:

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

Answer 5

Вы можете попробовать добавить "overflow: hidden" к стилю

Answer 6

Попробуйте переполнение: скрыто

Answer 7

Для меня в 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 8

Вы не сказали, какой браузер вы используете, но я предполагаю, что IE, так как это единственный браузер, который я знаю, какие ошибки height для min-height . Как все уже говорили, overflow:hidden; будет работать или line-height: 0;, но вам нужен только один из них.

Установка height: 0; будет иметь уже запущенный IE hasLayout, поэтому в этом случае нет необходимости в zoom:1;.

Answer 9

Это работает для меня:

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

Спасибо.

Answer 10

#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