A 이미지 상단에 절대 버튼을 표시하는 데 도움이되지 않습니다.

Question

내 첫 번째 Google 이미지 위에 절대 버튼을 표시하고 싶습니다. 기본적으로이 버튼은 콘테이너의 첫 번째 이미지의 첫 번째 div에 있어야한다고 가정합니다. 나는 그것이 제대로 작동하는지 아닌지를보기 위해 어떤 것을 반복합니다. 그러나 두 번째 절대 버튼이 나타나지 않습니다. 첫 번째 절대 버튼 아래에있는 것 같습니다. 해당 div 컨테이너의 첫 번째 Google 이미지 (흰색)에 각 절대 버튼을 표시하도록 수정하는 방법.

나는 이것을했다 (http://jsbin.com/kenute/1/edit), 그러나 제대로 보여주지 않는다. 여기에서도 국경을 사용하여 div 태그로 인한 문제를 볼 수 있지만 여전히 일부 문제는 왜 이해가 안되나요?

Answer 1

절대적으로 배치 된 모든 요소는 상대 위치 지정이있는 요소 내에 포함되어야합니다.