¿Existe una forma rápida de encontrar a qué padre se hace referencia m

¿Existe una forma rápida de encontrar a qué padre se hace referencia mediante tamaños porcentuales?

Muy a menudo en css, uso el porcentaje para el ancho o el alto y descubro que no da el resultado que esperaba. A partir de ahí, mis siguientes pasos generalmente involucran buscar entre los padres, asegurándome de que position: relative exista donde debería o no esté donde no debería.

Es un proceso muy quisquilloso y, al final, el primer paso es encontrar qué elemento es el que realmente estoy haciendo referencia con algo como width: 100%.

¿Hay alguna forma rápida de hacerlo?

¿Algo parecido a Element.sizeDefiningParent(), o tal vez un truco para usar en una de las herramientas de desarrollo de los navegadores?

Mostrar la mejor respuesta

Una vez más, escribir la pregunta condujo a la respuesta. Para aquellos que usan FireFox, se puede encontrar en Herramientas de desarrollo -> Pestaña Diseño -> Desplegable de modelo de caja -> posición:

ingrese la descripción de la imagen aquí