Откуда берется padding?

[infidel]

http://jsfiddle.net/220wsdx2/

Как сделать так чтобы высота блока .cell была 0, как задуманно, а не равнялась высоте одного из паддингов ссылки+line-height (насколько я понял)?

Edited October 2, 2015 by infidel

[wwt]

.hid{    float:left;}

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

[wwt]

вы ссылку дали на главную страницу фиддла, поменяйте потом кто0нибудь вам подскажет.

[infidel]

вы ссылку дали на главную страницу фиддла, поменяйте потом кто0нибудь вам подскажет.

Действительно, спасибо, ум за разум заходит уже. Изменил ссылку.

[Jack_V]

Но фиддл все равно пустой.

[infidel]

Но фиддл все равно пустой.

Странно... Если скопировать ссылку в адресную строку, открывает нормально, если нажать действительно пусто.

UPD: Парсер форума коверкает ссылку.

Edited October 2, 2015 by infidel

[Vlad]

Что мешает padding убрать для этой ссылки?

[infidel]

Что мешает padding убрать для этой ссылки?

Ну там он очень удобно этот паддинг стоит, если его убирать всю менюшку придется переверстывать и долго думать как сделать чтобы анимация работала адекватно. А данный случай безнадежен? Мне то казалось логичным что если hidden и height:0 то ничего, что внутри видно не должно быть.

 

UPD: Ссылку починил в топик старте, теперь переходит куда надо.

Edited October 2, 2015 by infidel

[infidel]

@wwt, Спасибо, работает. Да я вобщем-то и не объяснял зачем это нужно, постарался локализовать по возможности проблему. Меню появляется плавно, при помощи animation, оно находится внутри .hid, а на элементе с display:table там есть рамка, которая некрасиво оттопыривается.

 

А почему этот паддинг вообще там проявляется? Kиньте кто-нибудь ссылку на статейку по теме плз. можно на английском.

Edited October 2, 2015 by infidel

[Vlad]

height это высота содержимого, а не высота блока целиком, значение которого складывается из height, border и padding. Поэтому и ненулевая высота выходит.

[infidel]

height это высота содержимого, а не высота блока целиком, значение которого складывается из height, border и padding. Поэтому и ненулевая высота выходит.

А почему тогда не помогает box-sizing?

[Николя223]

Потому что свойства таблиц немного  отличаются от свойств обычных элементов.

Тем более я стараюсь не применять table-cell и т.д. на моей памяти они часто работают не так как мне нужно

[infidel]

А почему тогда не помогает box-sizing?

Я не прав по поводу box-sizing оказывается, не знал(только что выяснил), что в случае если padding больше height/width либо если height/width не указано и при этом box-sizing:border-box то за высоту берется значение padding.

[infidel]

height это высота содержимого, а не высота блока целиком, значение которого складывается из height, border и padding. Поэтому и ненулевая высота выходит.

Но все-таки мне кажется вы не правы насчет причины такого поведения, у самого то блока с height:0 нет никаких паддингов, паддинги есть у ссылки которая находится внутри этого блока.