Почему изза текста блоки не стоят ровно?

Question

[Sergo Zar]

Хотел другу помочь понять свойство position но сам не понял что случилось. Почему-то когда в блоках с классом "а" с блоком с классом "test" есть текст они(блоки с классом "а") становятся ниже чем те у которых .test position:absloute и position:fixed хотя, эти свойства не должны влиять на родителей. Тогда почему так?

Comments

[Froggyweb]

ничего не понятно, Но дочерний блок не может быть выше своего родителя. position: sticky; А так же opacity создают свой контент

[cssfish]

хз, все блоки одной высоты. выражайтесь яснее...

[Sergo Zar]

cssfish, где они(те что с текстом) на одной высоте?

[cssfish]

Sergo Zar, ну так они у вас inline-block, а у него по умолчанию vertical-align выставлен в baseline.
замените на top и встанут ровно...

Answer 1

[cssfish]

для полной ясности, отключаем все маржины ,паддинги и relative смещения, и видим базовую механику -это inline-block-и, выровненные по базовой линии (vertical-align: baseline по умолчанию)