"Css arasındaki fark height:100% ve*?* 3" ne olduğunu bir röportajda bir soru sordu

Herhangi biri bana açıklayabilir mi?

height:100% öğe üst konteynerinde 100% yüksekliğe sahip olacak anlamına gelir.

height:auto demek, elemanın esnek yükseklik olacak yüksekliği çocukların yüksekliğine bağlıdır unsurları yani

Örneğe göz önünde bulundurun:

:100% yüksekliği

<div style="height:50px">
    <div id="innerDiv" style="height:100%">
    </div>
</div>

#innerDiv height:50px sahip oluyor

yükseklik:otomatik

<div style="height:50px">
    <div id="innerDiv" style="height:auto">
          <div id="evenInner" style="height:10px">
          </div>
    </div>
</div>

şimdi #innerDiv height:10px sahip oluyor