0

In my html pug definition I have following divs:

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

where 2nd one contains ace editor. If wrapper (container) div has fixed height ace editor displays fine:

#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%;
}

But if I want to make #wrapper with dynamic height as well:

    height: 90%;

ace editor collapses into 1px height. What is the problem here, how to solve?

Graham
  • 7,035
  • 17
  • 57
  • 82
Aleksey Kontsevich
  • 4,191
  • 3
  • 39
  • 96

0 Answers0