2013-04-01 3 views
1

에도 모두 높이를 100 %로 설정이 jsfiddleIMG는 여전히 스크롤이 발생 하단에 약간의 여분의 공간이 있으며, 대형 창문

<!DOCTYPE html> 
<html lang='en'> 
<head> 
    <style> 
     body { height: 100%; margin: 0; padding: 0;} 
     div { height: 100%; width: 100%; position: absolute; top: 0px; left: 0px; background: black;} 
     img { height: 100%;} 
    </style> 
</head> 

<body> 
    <div><img src='https://upload.wikimedia.org/wikipedia/commons/8/85/Smiley.svg'></div> 
</body> 
</html> 

에서 참조하시기 바랍니다 얻을. 우주를 일으키는 원인이 누구인지 압니까?

난 그냥 동작을 알고 싶어요.

감사합니다.

답변

4

img 태그는 인라인 태그입니다 당신이보고있는 여분의 공간이 때문이다. 이미지 스타일에 display:block을 추가하십시오.

관련 문제