Выходы функции высоты JQuery 1

У меня есть следующий CSS:

div#autosurf {
  display: none;
  width: 100%;
  height: 700px;
  position: relative;
}
div#autosurf #frames-container {
  background: #ff88ff;
  height: 79%
}
div#autosurf #info {
  height: 19%;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

Я пытаюсь разделить экран на 8 $ ('# frames-container'). Height ()% - 20%. Это нормально и работает. Но проблема в том , когда я делаю 1это выводит 0. не 0не undefinedно 1. Где может быть проблема?

EDIT frames-container : я попытался установить цвет фона, 1и я вижу, что высота больше 1. что не так?

jquery,css,

0