2016-01-21 75 views
1

我想製作一個頂部固定有工具欄的佈局,底部有兩個並排的內容可滾動部分。角度材質嵌套佈局中斷md內容滾動

md-content僅嵌套在一個div下時,我可以正確創建此佈局。

實施例(CodePen):

<body ng-app="app" layout="column"> 
    <md-toolbar class="md-whiteframe-z4">Toolbar</md-toolbar> 

    <div layout="column" flex> 
    <md-content layout flex> 
     <md-content flex="50" layout="column"> 
     <md-content flex="50" layout="column"> 

但是,如果我嵌套md-content下兩個或更多個div s此打破了佈局和使內容溢出並導致整個頁面是滾動的。

例(CodePen):

<body ng-app="app" layout="column"> 
    <md-toolbar class="md-whiteframe-z4">Toolbar</md-toolbar> 

    <div layout="column" flex> 
    <div layout="column" flex> 
     <md-content layout flex> 
     <md-content flex="50" layout="column"> 
     <md-content flex="50" layout="column"> 

這是怎麼回事?如何在嵌套佈局中創建可滾動的md-content

回答