Странное поведение CSS Flex [дублирует] ⇐ Html

[Anonymous]

Итак, я только что изучал каждые свойства отображения CSS, и у меня есть этот код прямо здесь: < /p>


.blue {
background-color: lightblue;
}

.pink {
background-color: lightpink;
}

.green {
background-color: lightgreen;
}

.yellow {
background-color: lightyellow;
}

.parent-flex2 {
display: inline-flex;
flex-direction: row;
width: 100px;
margin: 0;
}

.children-flex2 {
height: 100px;
margin: 0;
}< /code>




hello
< /code>
< /div>
< /div>
< /p>
Может ли кто -нибудь объяснить, почему во втором поле есть эта странная маржа над ним, хотя я не устанавливал никаких полей? Потому что я ожидал, что вторая коробка идеально подходит с первой коробкой


Подробнее здесь: https://stackoverflow.com/questions/796 ... -behaviour