angular/material2 .md-sidenav- 내용 너비 100 %

Question

sidenav 내용을 angular/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>