角度のある材料sidenav whiteframeの問題

Question

私はAngular Material sidenavディレクティブを使い、情報を表示しています。私はsidenavの標高がページの残りの部分よりも高くなるようにします。これまでの私のコード：

<div layout="row" layout-fill> 

<md-side-nav class="md-sidenav-left md-whiteframe-z2" 
md-is-locked-open="true" 
flex="30" layout="column"> 
    <md-toolbar> 
     <div class="md-toolbar-tools"> 
      <span id="header"> User </span> 
     </div> 
    </md-toolbar> 

    <md-content flex layout-padding> 
     <p> random content</p> 
    </md-content> 

</md-side-nav> 

<div layout="column" layout-fill> 

    <md-toolbar md-whiteframe="2"> 
     <div class=md-toolbar-tools> 
      <span id="header">demo </span> 
     </div> 
    </md-toolbar> 

    <md-content layout-padding> 
     test content 
     <p> Random content </p> 
     <p> Random content </p> 
     <p> Random content </p> 
     <p> Random content </p> 
     <p> Random content </p> 
     <p> Random content </p> 
     <p> Random content </p> 
     <p> Random content </p> 
     <p> Random content </p> 
     <p> Random content </p> 
     <p> Random content </p> 
     <p> Random content </p> 
     <p> Random content </p> 

    </md-content> 

    </div> 

</div> 

はこれがChromeで私にこれを与える：あなたが見ることができるように

は、標高を表示すべき境界効果はMD-コンテンツブロックの内容によって中断されています。なぜそれは中断されますか？ HTML属性として使用されているwhiteframe Angular Material specでも

、。しかし、多くのコードサンプルの例では、白枠は、次のように使用されます。

<div class="md-whiteframe-z2"> ... </div> 

仕様で使用されている方法のかわりに、違いはなんですか？

Answer 1

私はMD-コンテンツタグを使用しないことで問題を解決しました。他のタグを使用してもエラーは発生しません。私は今、素晴らしい仕事をしているMDカードを使用しています！