지정된 높이가 없는데 왜 마우스 오버시 아이콘이 잘리지 않습니까?

Question

roseannebarr.tumblr.com에서 자연스럽게 올라가는 대신 내 아이콘에 마우스를 대면 높이가 설정되어 있지 않은 것으로 보아도 잘립니다. 백만 분의 ID를 사용하기 때문에 HTML이 엉망이된다는 것을 알지만 내 페이지는 브라우저 버그로 인해 무시되므로 무시하십시오. 어떤 아이디어?

이것은 아마도 멍청한 질문이었습니다.

Answer 1

그들은 잘리지 않으며, 네가티브 상단 여백을 사용하여 이미지를 컨테이너 바깥쪽으로 이동하여 컨테이너를 더 작게 만듭니다.

간단한 해결책은 #outer 스타일의 #block 스타일에 검은 색 배경을 두는 것입니다. 이렇게하면 이미지가 컨테이너 대신 배경을 가져 오므로 배경이 컨테이너로 축소하는 대신 이동하면 이미지가 뒤 따릅니다.

Answer 2

검정색 배경 위에 마우스를 가져 가면 잘릴 지 모릅니다. 배경을 포함한 전체 아이콘이 올라 가기를 원하십니까? #BLOCK 대신 #outer에 가져 : 그렇다면, 당신은 단지를 놓아야합니다 그게 당신이 무슨 뜻인지

#outer:hover { 
    margin-top: -10px; 
} 

알고하지 마십시오. 그렇지 않다면 알려주세요. :)