场景：p高度是500px，设置为{overflow: hidden}，内部的元素不固定（可能有多个，可能有隐藏的，可能有浮动的，总高度可能超过500px）
p
500px
{overflow: hidden}
求解：如何优雅的得到内部元素的总高度？
拥有18年软件开发和IT教学经验。曾任多家上市公司技术总监、架构师、项目经理、高级软件工程师等职务。 网络人气名人讲师，...
首先你现在的情况应该是只能把所有内部元素的高度挨个相加。
所以你可以试着改变一下html结构，用一个p将你这里的内部元素包裹起来，这样一来，你只需要知道这个p的高度即可。
如果你使用的是jQuery的话，直接$("内部元素").height();
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
首先你现在的情况应该是只能把所有内部元素的高度挨个相加。
所以你可以试着改变一下html结构，用一个p将你这里的内部元素包裹起来，这样一来，你只需要知道这个p的高度即可。
如果你使用的是jQuery的话，直接$("内部元素").height();