JQuery高度函数输出1

Question

我有以下CSS：

＆＃13;

＆＃13;

div#autosurf {
  display: none;
  width: 100%;
  height: 700px;
  position: relative;
}
div#autosurf #frames-container {
  background: #ff88ff;
  height: 79%
}
div#autosurf #info {
  height: 19%;
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

＆＃13;

＆＃13;

＆＃13;

我试图将屏幕分割80％ - 20％。这没关系并正常工作。但问题是当我$('#frames-container').height()输出1时。不是0不是undefined而是1。哪个可能是问题？

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

Answer 1

从display:none

中删除div#autosurf

JSFiddle

Answer 2

尝试VanilaJS的$（＆＃39; ....＆＃39;）[0] .offsetHeight