在前端中為了某種需要，我們需要獲取display=none的元素或者子元素的實際高度來進行某些處理，然而html對display=none的元素和子元素是不進行渲染的，如果我們沒有規定這些元素的高度那么它們的高度都會是0，就算元素中有文字或者其它內容。
解決辦法：
通過jquery的show方法先展示出來，再在回調函數中獲取它們的高度並操作即可，代碼如下：
$(".box").show(0,function(){
var h = $(".box").outerHeight();
console.log(h);
})
這樣我們就可以獲取到box的實際高度了。