Снимите набивка между колонтитула IMG и колонтитула фоне

Question

Есть некоторые очень простой вопрос, но я не могу найти ответ на это

Поэтому в основном я есть колонтитула логотип, а затем идет фон ниже него. У меня есть небольшая прокладка (пробел?) Между img и div, как ее удалить?

HTML:

<img src="footer_header.png"/> 
    <div class="footeris">text</div> 

CSS:

.footeris { 
    background:#272727; 
} 

Answer 1

Добавить дисплей: блок изображения. Изображение по умолчанию включено, следовательно, пустое пространство.

.footeris { 
 
    background:#272727; 
 
    margin:0; 
 
    padding:0; 
 
} 
 

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

<img src="http://placehold.it/350x150"/> 
 
    <div class="footeris">text</div>

Answer 2

просто включить дисплей: блок в вашей IMG CSS, вы получаете белое пространство, потому что IMG является встроенный элемент по умолчанию делают блок

пожалуйста прочитайте статью для получения дополнительной информации http://mor10.com/removing-white-space-image-elements-inline-elements-descenders/

.footeris { 
 
    background: #272727; 
 
} 
 
img { 
 
    display: block;width:30%; 
 
    
 
}

<img src="https://www.google.co.in/images/branding/googlelogo/2x/googlelogo_color_272x92dp.png" /> 
 
<div class="footeris">text</div>

Answer 3

HTML

<img id="img" src="http://placehold.it/350x150"/> 
<div id="footeris">text</div> 

CSS

#footeris { 
    background:#272727; 
    margin:0; 
    padding:0; 
} 

img{ 
    display:block; 
    margin:0; 
}