如何確定高度蓋的內容假設容器高度固定

Question

我想知道是否有任何方式在JavaScript中確定內容的高度，以便我可以重置容器的高度。

例如我有一個高度爲200px的div。 div的內容包含更少的高度（假設爲40px）。如果我添加更多內容，如何獲得高度。

Answer 1

您可以將高度設置爲空字符串，添加新內容並測量元素的offsetHeight。當然，如果你不想看到它瞬間閃爍，你可以在隱藏可見性元素的副本中進行。如果你靠近瀏覽器窗口的右邊緣或底邊緣，它可能試圖強制該元素適合屏幕，如果你不想這樣做，絕對放置該元素並給它負的頂部和左側座標。

Answer 2

如果你想只得到內容的高度，那麼你可以在裏面添加其他的div，如果找你使用jQuery：

var innerDiv = $('#main .inner').height() + 'px'; 

你可以在這裏閱讀更多：http://api.jquery.com/height/

Answer 3

我想您正在尋找這樣的事情：

http://www.cssnewbie.com/equal-height-columns-with-jquery/

http://www.jainaewen.com/files/javascript/jquery/equal-height-columns.html

如果你想谷歌自己，嘗試：「平等高度欄jQuery的」