Question

所以我使用角度对话框，但是，为此对话框设置自定义大小会破坏框内的格式。

我为此创造了一个傻瓜。 http://plnkr.co/edit/yXf1kNMqhAdo3iM8dFBy

如果查看“保存”和“取消”按钮，它们会出现在页面中心附近，即使它们是模态页脚的一部分。这应该出现在页面的底部。

有谁知道如何解决这个问题？

Answer 1

这不是一个有角度的问题，而是一个CSS问题。 .modal-body css类指定正文的最大高度为400px。在您的情况下，您已将对话框的总高度设置为700px，分配的空间比对话框将使用的空间多。

一种解决方案是您修改模态对话框的css类：

.modal-header {
  box-sizing: border-box;
  position: absolute;
  top: 0;
  width: 100%;
  height : 40px;
}

.modal-body {
  max-height: none;
  position: absolute;
  top: 40px;
  bottom: 60px;
  width: 100%;
  overflow-y: auto;
  box-sizing: border-box;
} 

.modal-footer{
   position : absolute;
   bottom: 0;
   height: 60px;
   box-sizing: border-box;
   width: 100%;
}

此处提供了有关这些更改的plunkr的分支：http://plnkr.co/edit/QnekINr3L82LKr2R7POB

模态框在角度调整大小

1 个答案: