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
?