這種做法的侷限：
1. 如果元素的display屬性設定為none, 那麼得到的結果為0
2. 在safari瀏覽器中，需要使用：element.offsetheight得到實際高度，這是safari瀏覽器的bug
下面是prototype提供的方法，能夠相容各種瀏覽器，同時在元素隱藏的情況下也能正確得到元素尺寸，供參考：
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
getdimensions:function(element) ;
// all *width and *height properties give 0 on elements with display none,
// so enable the element temporarily
varels = element.style;
varoriginalvisibility = els.visibility;
varoriginalposition = els.position;
varoriginaldisplay = els.display;
els.visibility ='hidden';
els.position ='absolute';
els.display ='block';
varoriginalwidth = element.clientwidth;
varoriginalheight = element.clientheight;
els.display = originaldisplay;
els.position = originalposition;
els.visibility = originalvisibility;
return;
}
JS獲取div高度的方法
有時在寫頁面時，需要獲取乙個div的高度。怎麼才能獲取呢？哈哈，先上結論。有兩種方法。offsetheight 與 clientheight 這兩個屬性都能獲取元素的高度，它們有什麼區別呢？說話 demotitle demo style head hellodiv var div document....
vue中 div高度隨另乙個div的高度變化
最近做了好幾個專案，終於把手裡的事情幹完了，趁著這幾天比較空整理一下最近遇到的一些問題以及解決方案。in wrap的高度不固定，會隨著內容的多少改變，而out wrap的高度則需要跟隨in wrap的變化而變化，如下 out wrap id out border6 div in wrap text ...
如何居中乙個div
說到居中，很多人第一反應應該是水平居中，說到水平居中，肯定道友們有一萬種方法做到，css3 的flexbox更是強大到沒朋友。但是微笑今天想聊的是 css 垂直居中的方法，下面是萌萌的分割線。神馬？你敢說不萌？分析就這樣，我們實現了垂直和水平的居中 上面提到的方法，都有侷限性，下面介紹一種通用的方法...