CSS - Imágenes q ocupen el 100% del div contenedor

Hola buenas tardes por qué cuando hago q una imagen ocupe el 100% del div siempre me deja un pequeño espacio libre en la altura del div? o sea en ancho la imagen ocupa el 100% del ancho del contenedor, hasta ahí bien pero en altura el div contenedor es un poco más alto q la imagen. yo lo quiero es q la imagen ocupe el 100% tanto en altura como en anchura. Si le pongo un color de fondo al div se aprecia lo q os estoy comentando. este es el código q utilizo. A ver si alguien me podría ayudar, saludos

Hola Javier, una buena manera, es ponerla como fondo de pantalla, de esta manera, le puedes indicar que se distorsione para que ocupe todo el ancho y alto de su contenedor. https://www.lawebdelprogramador.com/codigo/CSS/2344-Anadir-una-imagen-de-fondo-de-pantalla-que-ocupe-todo-el-navegador-con-css3.html

Si lo quieres hacer con un <img>, simplemente tienes que poner el width y el height de la imagen 100% y la imagen se distorsionara para ponerse dentro de su contenedor.

Es esto lo que buscas?

Hola Javier, muy seguramente a estas alturas ya habrás resuelto el problema, pero por si no, la explicación es esta:

La etiqueta <img> tiene un display "inline", y tu contenedor en condiciones normales tiene un display "block", por eso cuando se inserta una imagen (display: inline), dentro de un contenedor (display: block) queda ese espacio en la parte de abajo entre el contenedor y la imágen; lo resuelves así:

img {
width: 100%;
display: block;
}

mil gracias por la solución!! me salvaste :D

Gracias muy util

Oye si te sirve de ayuda hago videos programando en css y html, por si te interesa

https://youtu.be/wGWYKFgJXf4

En cantado broo