Question

我的侧边栏身高100％。如果我在 md-content 中使用 md-select ，则选项会显示在页面顶部。

我该如何解决这个问题？

body,
body > div {
    max-width: 100%;
    max-height: 100%;
    overflow: hidden;
}

body > div {
    height: 100%;
}

Answer 1

我已经通过将 display：flex 应用于body元素

来解决了这个问题

html, body {
  height: 100%;
}
body {
  display: flex;
}

Answer 2

参考此

＆＃13;

<html lang="en" >
<head>
  <meta name="viewport" content="width=device-width, initial-scale=1">

  <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/angular_material/1.1.0/angular-material.min.css">
</head>
<body ng-app="BlankApp" ng-cloak>

  <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.5.5/angular.min.js"></script>
  <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.5.5/angular-animate.min.js"></script>
  <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.5.5/angular-aria.min.js"></script>
  <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.5.5/angular-messages.min.js"></script>

  <script src="http://ajax.googleapis.com/ajax/libs/angular_material/1.1.0/angular-material.min.js"></script>
  
 
  <script type="text/javascript">    
  
    angular.module('BlankApp', ['ngMaterial']);
  </script>
   <md-input-container flex >
        <label >Type</label>
        <md-select ng-model="txtType" style="width:250px;">
            <md-option>First</md-option>
            <md-option>Second</md-option>
        </md-select>       
      
    </md-input-container>
</body>
</html>

＆＃13;

角度材料选择框问题，身高100％

2 个答案: