Un banner reattivo occupa interamente il div che lo ospita. Per i visitatori che arrivano da desktop imposto una grandezza fissa che non cambia, per i visitatori provenienti da dispositivi più piccoli carico un css a parte dove tutto é in %, al div posso dare larghezza 100% ma non posso impostare un'altezza perché il banner non ha sempre la stessa dimensione in altezza. Può venire fuori un quadrato grande , un rettangolo, impostando l'altezza rischierei di tagliare il banner.

Non impostando l'altezza il banner copre parzialmente il contenuto che sta sotto, anche mettendo dei margini non cambia nulla.


Come posso fare?