angle/material2 .md-sidenav-content width 100％

Question

sidenavコンテンツをangle/material2で全幅にすることはできますか？ あなたがウェブサイト上tutoに従っている場合、あなたはこのようなあなたのコンテンツを定義することができます。

<md-sidenav-container> 
    <md-sidenav> 
    <!-- sidenav content --> 
    </md-sidenav> 

    <!-- primary content --> 
</md-sidenav-container> 

にしかし、どのような彼らは本当にやっていることは、彼らはあなたの「主な内容を」ラップ<div class="md-sidenav-content" ...> 要素を追加しています。

その要素をwidth:100%にすることはできますか？またはさらに良い、flex: 1 1 100%;スタイリング？ .md-sidenav-contentクラスのCSSでそれを追加するだけではうまくいかないようです...

Answer 1

Nevermind。私は解決策を見つけた。 <md-sidenav-container>要素にはdisplay: flex;がありました。それを取り除くことはやりました。

Answer 2

可能です。 md-sidenav要素に幅：100％を追加するだけです。

<md-sidenav #sideNav style="width: 100%"></md-sidenav>