Почему переполнение: клип не работает во flexbox? [дубликат] ⇐ CSS

[Anonymous]

Вот мой код: https://codepen.io/wongest/pen/bGyXmbo

Код: Выделить всё

.box {
width: 500px;
height: 500px;
border: 1px solid #000;
display: flex;
}
.box1 {
flex: 1;
height: 500px;
background-color: blue;
overflow: clip;
}
.box1-1 {
width: 700px;
height: 100px;
background-color: red;
}
.box2 {
width: 300px;
}

Код: Выделить всё

box1-1

box2

Но блок 1-1 переполняет блок 1


И если css box1 измените это: переполнение: скрыто, это работает!
Почему?
почему переполнение: клип не работает во флексбоксе

Подробнее здесь: https://stackoverflow.com/questions/787 ... in-flexbox