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;} |