Medición de la altura de un elemento oculto

Puede resultar complicado medir la altura de un div cuando su padre está configurado en "mostrar: ninguno." La altura del div secundario será inicialmente cero, lo que imposibilitará la medición.

Para superar este desafío, considere hacer visibles los padres del elemento secuencialmente hasta que se encuentre un padre visible. Una vez que el ancestro "display:none" más alto se hace visible, se pueden medir las dimensiones del elemento.

Después de obtener la medición, restablezca todos los elementos a sus valores de "visualización" originales.

Tenga en cuenta los posibles problemas de rendimiento con este enfoque, ya que atravesar y mostrar varios ancestros puede consumir muchos recursos.

Una estrategia alternativa es hacer que solo el elemento real sea visible para la medición sin atravesar sus ancestros. Esto evita aplicar estilos incorrectamente debido a la alteración de la jerarquía del elemento. Asegúrese de que los estilos que dependen de la posición original del elemento dentro del DOM no se vean afectados por este enfoque alternativo.