Ace编辑器动态高度

Question

在我的html pug定义中，我有以下div：

div(id='wrapper')
        div(id='editor' class='editor')

其中第二个包含ace编辑器。如果wrapper（容器）div已修复，height ace编辑器将正常显示：

#wrapper {
    width: 80%;
    height: 640px;
    margin-left: 10%;
    margin-right: 10%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: block;
}

div.editor {
    width: 100%;
    height: 60%;
}

但是如果我也想将#wrapper设置为动态高度，则：

    height: 90%;

ace编辑器折叠到1px的高度。这里有什么问题，如何解决？