Почему input отображается не как div?

Question

[DTX]

https://jsfiddle.net/DTX_/bLbc377j/

Причем, если масштаб 100%, то всё ок. А если 90% или 100%, то input начинает выделяться (на 1px ниже остальных):

Comments

[Алексей Струков]

во всех браузерах тестировали?

[DTX]

Алексей Струков: только хром. И то случайно заметил, т.к. 90% стояло

Answer 1

[Сергей Горячев]

vertical-align: top

Comments

[Алексей Струков]

это только с инлайн элементами работает вроде

[Сергей Горячев]

Алексей Струков: А как у вас сделано? Вы код покажите, так трудно дать ответ.

[Алексей Струков]

Sergey Goryachev: Я не топик стартер ) Просто скучно и лезу во все комментарии)

[Сергей Горячев]

Алексей Струков: Ааа, ну в общем, у него и есть inline-block, я увидел уже фиддл в шапке топа)

[Алексей Струков]

Sergey Goryachev: ясно, тогда должно сработать, правда я думал о vertical-align: bottom )

[Сергей Горячев]

Алексей Струков: А не критично. Мой вариант выстроит все по верху, ваш по низу. По умолчанию дивы выстраиваются по верху, инпуты по низу. Их просто нужно привести к общему виду)))

[Алексей Струков]

Sergey Goryachev: я недавно как раз заморачивался с этими инпутами, и проклинал создателей браузеров, что они не могут договориться между собой и прийти к одному стандарту. А ведь все могло бы быть так легко и не принужденно...

[Сергей Горячев]

Алексей Струков: да ну, если всё будет просто, верстальщикам будет скучно)))

[DTX]

Sergey Goryachev: уж лучше заморачиваться над заданием без костылей, чем с ним)

[Алексей Струков]

Sergey Goryachev: еб..ть конем такое веселье))

[Сергей delphinpro]

Sergey Goryachev: По умолчанию выравнивание по baseline :)

[Сергей Горячев]

Сергей: Ой, всё) Больше вообще ничего не скажу)))

[Сергей delphinpro]

Sergey Goryachev: Да не обращай внимания :) Мне тоже скучно, вот лезу везде )

[Сергей Горячев]

Сергей: Да ладно, на самом деле, конечно полезно. Признавать свои ошибки тяжело, но нужно уметь))) Я уже вчера подумал, что bottom по умолчанию, неправильно. Но заморачиваться лень было. Так что поправлять неправильные ответы не только можно, но и нужно. Спасибо)

Answer 2

[sergey]

Потому наверное, что это немного разные элементы разница
коротко div - блочный, у него значение display: block
input - строчно-блочный, display: inline-block

Comments

[DTX]

так у меня к диву было применено display: inline-block