동적 너비와 동일한 높이 (CSS 유동 레이아웃)

질문 : 동적 너비와 동일한 높이 (CSS 유동 레이아웃)

---

너비와 동일한 높이 (비율 1 : 1)를 설정할 수 있습니까?

예

+----------+
| body     |
| 1:3      |
|          |
| +------+ |
| | div  | |
| | 1:1  | |
| +------+ |
|          |
|          |
|          |
|          |
|          |
+----------+

CSS

div {
  width: 80%;
  height: same-as-width
}

답변

---

jQuery를 사용하면 다음과 같이 할 수 있습니다.

var cw = $('.child').width();
$('.child').css({'height':cw+'px'});

출처 : https://stackoverflow.com/questions/5445491/height-equal-to-dynamic-width-css-fluid-layout