Home/ Questions/Q 8822703
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-14T06:10:14+00:00

I have a REALLY BASIC question regarding nested divs and height inheritance. Let’s say

  • 0

I have a REALLY BASIC question regarding nested divs and height inheritance. Let’s say I have the following html snippit:

...
<div style="height: 50px;">
    <div style="height: inherit;">
    </div>
</div>
...

I would think just by inspection that the inner div would have the same height (50px) as the outer one but when I tested it the height was not inherited.

First off, are parent/child relationships betwen divs defined by nesting one within the other? Next, what do I need to do to make the inner div inherit the outer one?

Sorry guys for such a basic question. I am running on fumes here been working (on something else for hours and I have to switch gears to this). Please don’t bash me for asking such a dumb question. 🙂

Thanks!

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    If you are not able to inherit height of parent div use height: 100%; for inner div

    Demo

    And btw your div does inherit height, it’s just that if you want to see give it a background-color or a border and you’ll see the inner div has inherited the height of it’s parent div

    Demo 2

    • 0