-max-sz:xl -max-sz:l -max-sz:m -max-sz:s -max-sz:xs -max-sz:full-max-sz:full は、基本的には 100% ですが、親が has--gutter を持っていても全幅に広がります。
is--container-container:mhas--gutterLorem ipsum dolor sit, amet consectetur adipisicing elit, sed do eiusmod tempor. Non facere laudantium ex eos doloribus aut dolore nisi provident libero, eum nulla sunt, porro sed dicta. Impedit ullam eveniet obcaecati minima.
-max-sz:fullLorem ipsum dolor sit, amet consectetur adipisicing elit, sed do eiusmod tempor. Non facere laudantium ex eos doloribus aut dolore nisi provident libero, eum nulla sunt, porro sed dicta. Impedit ullam eveniet obcaecati minima.
div↓親要素（ここではdiv）を飛び越えることはありません。
-max-sz:full-max-sz:outer @propetry
が有効なブラウザでは、先祖コンテナ要素が呼び出された位置を基準とした幅 （100cqi）まで広がります。
フルブリードレイアウトなど、親要素を飛び越えて外側まで広げたいコンテンツに活用できます。
is--container-container:mhas--gutterLorem ipsum dolor sit, amet consectetur adipisicing elit, sed do eiusmod tempor. Non facere laudantium ex eos doloribus aut dolore nisi provident libero, eum nulla sunt, porro sed dicta. Impedit ullam eveniet obcaecati minima.
-max-sz:full-max-sz:outerdiv-max-sz:full-max-sz:outerdiv-max-sz:full-max-sz:outeris--container-max-sz:outeris--container-container:s-max-sz:outerLorem ipsum dolor sit, amet consectetur adipisicing elit, sed do eiusmod tempor. Non facere laudantium ex eos doloribus aut dolore nisi provident libero, eum nulla sunt, porro sed dicta. Impedit ullam eveniet obcaecati minima.
divis--container.-max-wLorem ipsum dolor sit, amet consectetur adipisicing elit, sed do eiusmod tempor. Non facere laudantium ex eos doloribus aut dolore nisi provident libero, eum nulla sunt, porro sed dicta. Impedit ullam eveniet obcaecati minima.
-max-sz:full-max-sz:outer