假设容器高度是固定的,如何通过内容确定高度覆盖

时间:2011-11-09 06:47:14

标签: javascript html css

我想知道在JavaScript中是否有任何方法可以确定内容的高度,以便我可以重置容器的高度。

例如我有一个高度为200px的div。 div具有覆盖较少高度的内容(假设为40px)。如果我在其中添加更多内容,我怎样才能获得高度。

3 个答案:

答案 0 :(得分:0)

您可以将高度设置为空字符串,添加新内容,并测量元素的offsetHeight。当然,如果您不希望看到它短暂闪烁,您可以在元素的副本中将可见性设置为隐藏。如果你靠近浏览器窗口的右边缘或底边,它可能会尝试强制元素适合屏幕,如果你不想这样,绝对定位元素并给它负顶部和左边坐标。

答案 1 :(得分:0)

如果你只想获得内容高度,那么你可以在里面添加另一个div,如果你使用jQuery:

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

您可以在此处阅读更多内容:http://api.jquery.com/height/

答案 2 :(得分:0)

我认为你正在寻找这样的东西:

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

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

如果您想自己谷歌,请尝试:“Equal height column jquery”