将flex与两个50％的div一起使用可创建滚动条

Question

我正在尝试将md-dialog与两个50％的div一起使用。如何避免底部的滚动条

到目前为止，我已经尝试过： 这就是结果

<md-dialog id="testTemplate-dialog">
    <div layout="row">
        <md-input-container flex="50">
            <label>Test1</label>
            <input ng-model="$ctrl.test.Name" ng-required="true" />
        </md-input-container>

        <md-input-container flex="50">
            <label>Test2</label>
            <input ng-model="$ctrl.test.Description" ng-required="true" />
        </md-input-container>
    </div>
</md-dialog>

Answer 1

您似乎需要增加matdialog的宽度：或者可以使用CSS隐藏溢出内容：

   #testTemplate-dialog{
     overflow: hidden;
     }