절대 위치에 있는 요소의 최대 허용 하단 테두리 위치를 설정하는 방법

Question

저는 WordPress용 제품 태그 플러그인을 작업 중이며 다음을 수행했습니다.

이미지에 표시되는 출력 코드는 다음과 같습니다.

으아악

배지에는 다음과 같은 CSS가 있습니다:

으아악

배지의 왼쪽 아래 또는 오른쪽 위치가 아래가 아닌 제품 이미지 끝 부분에 배치되기를 원합니다. 현재 CSS를 사용하여 "장바구니에 추가" 버튼 옆 맨 아래에 배치할 수 있습니다. 일부 요소를 기준으로 위치를 설정하기 위해 중단점을 추가하려고 시도했지만 작동하지 않았습니다. 내가 어떻게 이것을 달성할 수 있는지 아시나요?

Answer 1

JavaScript가 아닌 CSS를 사용하여 이 작업을 수행하는 유일한 방법은 HTML 마크업을 변경하는 것입니다. img 요소를 감싸고 그 안에 배지 요소를 넣어야 합니다.

으아아아 으아아아