without checking in inspector myself not sure what is inheriting or not inheriting as expected
Force heights generally just work percentages can be weird
Bootstrap has a good guide on responsive divs an aspect ratios that might be of interest
which is in part based on
Sure you might not be making it responsive but the logic applies when dealing with percentages and iFrames