실제로 이미지가 패딩 처리되었지만 바닥에 패딩이 발생하는 이유는 무엇입니까?

Question

여기에 demo ...

CSS 코드에서 필자는 어떤 패딩도 쓰지 않았지만 이미지의 아래쪽 패딩이 있습니다. 다음은 HTML 코드 : 여기

<div class="image_block"> 
    <img width="100" height="100" alt="Facebook" src="http://i.imwx.com/web/tv/ 
    programs/facebook_logo_100x100.jpg"> 
</div> 

는 CSS 코드 :

body { 
    background-color:#131211; 
} 

.image_block { 
    border:1px solid #b5b5b5; 
    float:left; 

} 

Answer 1

귀하의 image_block div의 높이가 104px이, 아니이 패딩

이

그냥에 height:100px;