JQuery 高度函数输出 1

Question

我有以下 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>

我正在尝试将屏幕拆分 80% - 20%。这没关系并且可以工作。但问题是当我执行 $('#frames-container').height() 时它输出 1。不是 0 不是 undefined 而是 1。问题出在哪里？

编辑 1:我尝试将背景颜色设置为 frames-container，我可以看到高度大于 1。怎么了？

Answer 1

从 div#autosurf 中移除 display:none

JSFiddle