1 2 3 | <div id="outer"> <div id="inner"></div> </div> |
위와 같이 있을 때, 아래와 같이 CSS를 적용한다.
01 02 03 04 05 06 07 08 09 10 11 12 | #outer { padding-top: calc(100% * 세로비율/가로비율); position: relative; } #inner { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } |