问角md md网格列表隐藏在md-sidenav下面。
EN

Stack Overflow用户

提问于 2016-04-01 12:41:22

回答 1查看 288关注 0票数 0

我在角度医学方面很新，我想用右边的卡片做一些明显的事情。代码不是很硬的http://codepen.io/anon/pen/qZPRmq

<body ng-app="BlankApp" ng-cloak layout="column">
<div flex layout="row">
    <md-sidenav md-is-locked-open="true" class="md-sidenav-left md-whiteframe-z2" layout="column">
      Some form here
    </md-sidenav>

    <!-- Container #4 -->
    <md-content flex layout="column" class="md-padding" layout-padding>
        <md-grid-list flex md-cols-xs="1" md-cols-sm="2" md-cols-md="4" md-cols-gt-md="6"
                      md-row-height="2:2"  md-gutter="12px" md-gutter-gt-sm="8px">
            <md-grid-tile flex>
                <md-card>
                    First card here
                </md-card>
                <md-card>
                  Second card here
                </md-card>
            </md-grid-tile>
        </md-grid-list>
    </md-content>
</div>

但问题是，md网格瓷砖从md内容块中跑出来，并由sidenav (有时还通过md工具栏)重叠。我做错什么了？

angularjs

angular-material

回答 1

Stack Overflow用户

回答已采纳

发布于 2016-04-01 13:13:18

变化

        <md-grid-tile flex>
            <md-card>
                First card here
            </md-card>
            <md-card>
              Second card here
            </md-card>
        </md-grid-tile>

至

        <md-grid-tile>
            <md-card>
                First card here
            </md-card>
        </md-grid-tile>
        <md-grid-tile>
            <md-card>
              Second card here
            </md-card>
        </md-grid-tile>

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/36356627

复制

相似问题

问角md md网格列表隐藏在md-sidenav下面。
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问角md md网格列表隐藏在md-sidenav下面。EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问角md md网格列表隐藏在md-sidenav下面。
EN