html - セクションで箱を包む方法は？

Question

A には a<section>と<article>s があります。<article>ユーザーがブラウザのサイズを変更したときに、すべての要素を移動して幅 100% にサイズ変更したいと思います。でやってみflex-boxます。これが私が達成したいことです

JSFiddle ここ

section, article {
display: box;
}

article {
    background: red;
    margin: 10px;
    display:-moz-box; /* Firefox */
    display:-webkit-box; /* Safari and Chrome */
    display:-ms-flexbox; /* Internet Explorer 10 */
    display:box;
    max-width: 300px;
    min-width: 50px;
    padding: 20px;
    width: 100%;
    overflow: hidden;
}

section {
    display: -moz-box-flex;
    background: blue;    
}

Answer 1

設定した を削除しmax-widthます。

jsFiddle を更新- left/right を削除しましたmargins。