4 replies

Defer sizing to parent element

I am looking for something that I thought I saw in one of Kevin's (recent) videos. Possibly could have been on a blog though (or State of CSS survey but I went through it again and couldn't find it).

It was a (new I think?) CSS property/value that changed the sizing of an element to be defined by the parent. Say for example you have the following:

<div>
  <p>Some text here.</p>
  <img src="example.png" />
</div>

<div>
  <p>Some text here.</p>
  <img src="example.png" />
</div>

Is there a CSS property that defers sizing to the parent

div

div

such that setting the

img

img

height: 100%

height: 100%

makes the height of the image match the height of the

KP-C

Kevin Powell - Community•9mo ago•

4 replies

ghostpelican

Defer sizing to parent element

<div>
  <p>Some text here.</p>
  <img src="example.png" />
</div>

<div>
  <p>Some text here.</p>
  <img src="example.png" />
</div>

Is there a CSS property that defers sizing to the parent

div

div

such that setting the

img

img

height: 100%

height: 100%

makes the height of the image match the height of the

Defer sizing to parent element

Similar Threads

Defer sizing to parent element

Similar Threads

Similar Threads

Similar Threads