0

Em HTML e CSS está aparecendo um espaço branco abaixo da imagem, veja o exemplo, o erro é esse espaço branco entre a imagem e a caixa preta

.div1{
  width: auto;
  height: auto;
  display: block;
}
.div2{
  width: 100%;
  height: 40px;
  display: block;
  background-color: #000000;
}
<div class="div1">
<img src="https://i.sstatic.net/stNlx.jpg">
</div>
<div class="div2"></div>

Como resolver?

4
  • 1
    opá, vc pode colocar um margin-bottom: -4px; para resolver inicialmente...
    – user78859
    Commented 2/05/2019 às 16:05
  • você pode tentar assim também, colocando esse style na div1... width: 100%; height: 195px; background-image: url(i.sstatic.net/stNlx.jpg); background-position: center center; background-repeat: no-repeat; background-size: 70% auto;
    – user78859
    Commented 2/05/2019 às 16:15
  • @RobertCezar Inserir uma imagem utilizando a tag <img> é completamente diferente de inserí-la como background de um elemento. Não são soluções equivalentes e, portanto, uma não substitui a outra.
    – Woss
    Commented 2/05/2019 às 17:14
  • @AndersonCarlosWoss estou ciente amigo, apenas uma forma caso ele queira explorar... só esqueci de dizer que ele deve retirar a tag <img> caso a use.
    – user78859
    Commented 2/05/2019 às 18:00

0

Pesquise outras perguntas com a tag .