Relationship between height and width of parent and child div.

[Prakhar]

If i set up a main div with max-height and max-width , why the child div flows out off the main div. I want to put an image in a child div inside a parent div.
can anyone explain me the relationship between parent-child div relationship for width and height with some examples.
Thanks in advance.

[Paulie_D]

Perhaps you could demonstrate the issue with a Codepen.io demo.

That said, if you might have overflow you should have code to deal with it.

https://developer.mozilla.org/en-US/docs/Web/CSS/overflow

[Prakhar]

here is the codepen
https://codepen.io/prakhar-monga/full/REoYKv
i want the image to fit in its parent div.
i want to understand the height, width relationship of parent child div

[Paulie_D]

An image will always be it’s natural size unless told to be something else.

If you want it to fit it’s parent then max-width:100% would so the trick.

Aspect ratios can be a little tricky but that’s another question.

[Author]

Posts