Aşağıdaki flexbox neden soldan ziyade solda?

Question

Bu benim FlexBox kurulum edilir:

Ben koyu gri çocuk üstte olacak şekilde neyi değiştirmeliyim:

section[_v-f4d9afa6] { // parent 
    display: flex; 
} 

article[_v-e514def2] { // child 
    display: flex; 
    flex: 1 1 50%; 
} 

article header[_v-e514def2] { // child of child 
    background-color: #484a47; 
    padding: 5px 0; 
    border-radius: 3px 3px 0 0; 
} 

article section[_v-e514def2] { // child of child 2 
    margin: 10px; 
    flex: 1 1 50%; 
    overflow-y: scroll; 
} 

Ben bu olsun? (OS penceresi gibi)?

JSFiddle: https://jsfiddle.net/qjog7tvu/3/

Answer 1

Sen makaleden display: flex kaldırıp sadece makale ve bölüm olarak varsayılan izin başlığı kendisini ayarlayacaktır böylece blok elemanı olan yapabileceğim article[_v-e514def2]

Answer 2

Bir şey için flex-direction: column; eklemem gerekiyor bölümün üstü

jsfiddle