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 css : Sélectionner tout - Visualiser dans une fenêtre à part
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 css : Sélectionner tout - Visualiser dans une fenêtre à part
 object-fit: cover;

par
Code css : Sélectionner tout - Visualiser dans une fenêtre à part
 display:block;

mon problème est résolu


Pourrais-je avoir une explication a cela !
Pourquoi
Code css : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
width: 100%;
  height: 100%;

ne suffit pas a remplir mon bloc

merci