이미지 또는 특정 엘리먼트를 정해진 비율로 작게 보이거나 크게 보이게 하고 싶을 때 특히, 이미지가 img 태그가 아닌 background를 사용할 경우, 유용하게 사용됨. padding-top 또는 padding-bottom을 이용하는 방법 container 요소에 적용된 width의 값을 기준으로 inner에 padding-top 또는 bottom을 지정해줌. * 이 방법을 사용하기 위해서는 하나의 조건과 다른 하나의 엘리먼트가 필요함 (즉 아래 예제와 같이 container 요소와 하위 요소가 필요) 예제 1:1 Aspect Ratio (height equal to width) .container { background-color: red; width: 100%; } .inner { padding-..