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,431
  • 18
  • 59
  • 84
Aleksey Kontsevich
  • 4,671
  • 4
  • 46
  • 101

0 Answers0