奇妙なボディオーバーフロー - CSS

Question

身長の100％にイメージを設定する際に問題があります。私は余白とパディングがすべて0に設定されているにもかかわらず、ページの下部にこの奇妙な空白が表示されています。私はちょうどoverflow-y: hiddenを使うことができましたが、なぜそれがそれをしているのか理解したいと思います。ありがとう！あなたがimgにdisplay: blockを使用する必要が

*, 
 
*::before, 
 
*::after { 
 
    box-sizing: border-box; 
 
    margin: 0; 
 
    padding: 0; 
 
} 
 

 
html, body { 
 
    height: 100%; 
 
} 
 

 
img { 
 
    height: 100%; 
 
}

<img src="https://images.unsplash.com/photo-1429554429301-1c7d5ae2d42e?dpr=2&auto=format&fit=crop&w=1500&h=1000&q=80&cs=tinysrgb&crop=" alt="background" />

Answer 1

。