Высота Div: 0px не работает?

Ответ 1

Если вы действительно хотите быть уверенным, что у вас не будет высоты, вы можете использовать что-то вроде этого:

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

Если у вас все еще есть проблемы с IE, вы также можете добавить

zoom: 1;

к нему в таблице стилей, ориентированной на IE с условным комментарием. Это вызовет свойство hasLayout в IE.

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

Ответ 2

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

Ответ 3

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

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

Ответ 4

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

Ответ 5

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

Ответ 6

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

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

Ответ 7

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

Настройка height: 0; будет иметь allready triggered IEs hasLayout, поэтому нет необходимости в zoom:1; в этом случае.

Ответ 8

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

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

Спасибо.

Ответ 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