Scrollbar verticale et horizontale

Bonjour

en réalisant la mise en page suivante

https://codepen.io/alpha_66/pen/abPaKpq

je réalise qu' il y a deux scrollbar et surtout que ma div content ne remplit pas entièrement mon viewport

Code:

---

1 2 3 4 5 6 7 8 9

.picture{ width: 100%; height: 100%; } .picture img{ width: 100%; height: 100%; object-fit: cover; }

---

en revanche quand je change

Code:

---

object-fit: cover;

---

par

Code:

---

display:block;

---

mon problème est résolu


Pourrais-je avoir une explication a cela !
Pourquoi

Code:

---

1 2	width: 100%; height: 100%;

---

ne suffit pas a remplir mon bloc

merci

Bonjour,

Citation:

---

Pourrais-je avoir une explication a cela !

---

:faq: Pourquoi je ne peux pas enlever l'espacement sous mon image ?

@NoSmoking


Merci